untitled by @jowinb - Codewith.it

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

References

<meta>Definisce i meta dati di una pagina web.
minImposta il valore numerico o temporale minimo per un elemento input
<th>Definisce una cella di intestazione di una tabella HTML.
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
<div>Crea contenitori generici o sezioni in una pagina

Users

Log in to search for users

Explore

Find inspiration

Heads Or Tails Random Tally

Progetto personale

pag. 6 progetto inf

TEMPLATE: Fake Profile

Effetto zoom con CSS

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);