Webbserver - Love Blomberg

Show sourcecode

The following files exists in this folder. Click to view.

public_html/gamla-kurser/webbutv2/övningar/js_while/

js_while_a.html
js_while_b.html
js_while_c.html
js_while_d.html
js_while_e.html
js_while_f.html
js_while_g.html
js_while_h.html
js_while_i.html

js_while_i.html

36 lines ASCII Windows (CRLF)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS While I - Burr leken</title>
</head>
<body>
<h1>JS While I - Burrleken</h1>
<input type="number" id="numInput" placeholder="Tal mellan 2 och 9">
<button onclick="myFunction()">Klicka mig</button>
<div id="divRuta"></div>

<script>
  let numInput = document.getElementById("numInput");
  let divRuta = document.getElementById("divRuta");

  function myFunction() {
    divRuta.innerHTML = "";
    let i = 1;
    if (numInput.value < 2 || numInput.value > 9) {
      divRuta.innerHTML = "Skriv in ett tal mellan 2 och 9";
      return;
    }
    while (i <= 100) {
      if (i.toString().includes(numInput.value.toString())) {
        divRuta.innerHTML += "Burr ";
      }
      else {
        divRuta.innerHTML += i + " ";
      }
      i++;
    }
  }
</script>
</body>
</html>