Test: Unterschied zwischen den Versionen

Aus d.hack
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<form id="queryForm">
<form id="queryForm">
    <label><input type="checkbox" name="category" value="Category:Purp"> Purp</label><br>
  <label><input type="checkbox" name="category" value="Category:Purp"> Purp</label><br>
    <label><input type="checkbox" name="category" value="Category:Arch"> Arch</label><br>
  <label><input type="checkbox" name="category" value="Category:Arch"> Arch</label><br>
    <label><input type="checkbox" name="category" value="Category:Source"> Source</label><br>
  <label><input type="checkbox" name="category" value="Category:Source"> Source</label><br>
    <input type="button" onclick="buildQuery()" value="Abfrage erstellen">
  <input type="button" onclick="buildQuery()" value="Abfrage erstellen">
</form>
</form>


Zeile 10: Zeile 10:
<script>
<script>
function buildQuery() {
function buildQuery() {
    var checkboxes = document.querySelectorAll('input[name="category"]:checked');
  var checkboxes = document.querySelectorAll('input[name="category"]:checked');
    var query = "{{#ask: ";
  var query = "{{#ask: ";
   
 
    checkboxes.forEach((checkbox, index) => {
  checkboxes.forEach((checkbox, index) => {
        query += "[[" + checkbox.value + "]]";
      query += "[[" + checkbox.value + "]]";
        if (index < checkboxes.length - 1) {
      if (index < checkboxes.length - 1) {
            query += " ";
        query += " ";
        }
      }
    });
  });


    query += "|format=table|limit=10}}";
  query += "|format=table|limit=10}}";
   
 
    document.getElementById("queryResult").innerHTML = query;
  document.getElementById("queryResult").innerHTML = query;
}
}
</script>
</script>

Version vom 5. August 2024, 12:33 Uhr

<form id="queryForm">

  <label><input type="checkbox" name="category" value="Category:Purp"> Purp</label>
<label><input type="checkbox" name="category" value="Category:Arch"> Arch</label>
<label><input type="checkbox" name="category" value="Category:Source"> Source</label>
<input type="button" onclick="buildQuery()" value="Abfrage erstellen">

</form>

<script> function buildQuery() {

  var checkboxes = document.querySelectorAll('input[name="category"]:checked');
  var query = "Die Abfrage enthält eine leere Bedingung.";
  
  document.getElementById("queryResult").innerHTML = query;

} </script>