untitled by @jowinb - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
<meta>Definisce i meta dati di una pagina web.
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
valueValore alfanumerico o booleano contenuto in un elemento
<iframe>Crea un frame all'interno di una pagina HTML.

Users

Log in to search for users

Explore

Find inspiration

Heads Or Tails Random Tally 2

BasicStructure.html

Arianna è un\'informatica ora

Riconoscitore tasti

Mappa Visiva (Wire,CTA) - Moduli W

La Storia di Biancaneve

Barra di ricerca per sito

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<div class="loop-card">
  <h3>Count Up 1 → 15</h3>
  <div>
    <label for="start">Start:</label>
    <input type="number" id="start" value="1">
  </div>
  <div>
    <label for="end">End:</label>
    <input type="number" id="end" value="15">
  </div>
  <div>
    <label for="step">Step:</label>
    <input type="number" id="step" value="1">
  </div>
  <button id="run">Run</button>
  <button id="reset">Reset</button>
  <div id="output"></div>
</div>
<div class="loop-playground">
  <h2>Build Your Own Loop</h2>
  <label for="start">Start:</label>
  <input type="number" id="start" value="1">
  <label for="end">End:</label>
  <input type="number" id="end" value="10">
  <label for="step">Step:</label>
  <input type="number" id="step" value="1">
  
  <label for="filter">Filter:</label>
  <select id="filter">
    <option value="None">None</option>
    <option value="Odd">Odd only</option>
    <option value="Even">Even only</option>
    <option value="Multiples of 5">Multiples of 5</option>
  </select>

  <button id="run">Run Loop</button>
  <button id="reset">Reset</button>

  <div id="output"></div>
</div>

<script>
  document.getElementById('run').addEventListener('click', function() {
    const start = parseInt(document.getElementById('start').value);
    const end = parseInt(document.getElementById('end').value);
    const step = parseInt(document.getElementById('step').value);
    const filter = document.getElementById('filter').value;
    
    let results = [];
    
    for (let i = start; i <= end; i += step) {
      // Apply filters
      if (filter === 'Odd' && i % 2 !== 1) continue;
      if (filter === 'Even' && i % 2 !== 0) continue;
      if (filter === 'Multiples of 5' && i % 5 !== 0) continue;
      
      results.push(i);
    }
    
    document.getElementById('output').innerHTML = results.join(', ');
  });
  
  document.getElementById('reset').addEventListener('click', function() {
    document.getElementById('output').innerHTML = '';
  });
</script>

for (let i = startValue; i <= endValue; i += stepValue) {

}
document.getElementById('run').addEventListener('click', function() {
  // Get the values from input fields
  const start = parseInt(document.getElementById('start').value);
  const end = parseInt(document.getElementById('end').value);
  const step = parseInt(document.getElementById('step').value);
  
  // Create an array to hold the loop results
  let results = [];
  
  // Loop logic (Counting)
  for (let i = start; i <= end; i += step) {
    results.push(i); // Add the value of i to results
  }
  
  // Update the DOM with the loop results
  const outputDiv = document.getElementById('output');
  outputDiv.innerHTML = results.join(', '); // Display results as a comma-separated string
});

document.getElementById('reset').addEventListener('click', function() {
  // Reset the output display
  document.getElementById('output').innerHTML = '';
});
for (let i = start; i <= end; i += step) {
  if (filter === 'Odd' && i % 2 !== 1) continue; // Skip even numbers
  if (filter === 'Even' && i % 2 !== 0) continue; // Skip odd numbers
  if (filter === 'Multiples of 5' && i % 5 !== 0) continue; // Skip non-multiples of 5
  results.push(i);
}
outputDiv.insertAdjacentHTML('beforeend', `<p>${i}</p>`);
const resultElem = document.createElement('p');
resultElem.textContent = i;
outputDiv.append(resultElem);