Show sourcecode

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

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

js_villkor_a.html
js_villkor_b.html
js_villkor_c.html
js_villkor_d.html
js_villkor_e.html
js_villkor_f.html

`js_villkor_a.html`

34 lines UTF-8 Windows (CRLF)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34


<!doctype html>

<html lang="sv">

  <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Webbutv2 - Love B</title>

    <link rel="stylesheet" href="">

  </head>

  <body>

  <h1>JS Villkor A</h1>

  <h3>Mata in ditt första tal</h3>

  <input type="number" name="textRuta1" id="textRuta1">

  <h3>Mata in ditt andra tal</h3>

  <input type="number" name="textRuta2" id="textRuta2">

  <button onclick="kollaVillkor()">Klicka mig</button>

  <br><br>

  <div id="divRuta"></div>

  <script>

   let textRuta1 = document.getElementById("textRuta1");

   let textRuta2 = document.getElementById("textRuta2");

   let divRuta = document.getElementById("divRuta");



   function kollaVillkor() {

    if (textRuta1.value > textRuta2.value) {

     divRuta.innerHTML = textRuta1.value + " är större än " + textRuta2.value;

    } else if (textRuta1.value < textRuta2.value) {

     divRuta.innerHTML = textRuta2.value + " är större än " + textRuta1.value;

    } else {

     divRuta.innerHTML = "Talen är lika stora.";

    }

   }

  </script>

  </body>

</html>