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_d.html`

38 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
35
36
37
38


<!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 D</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">

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

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

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

  <br><br>

  <div id="divruta"></div>

  <script>

   var textruta1 = document.getElementById("textruta1");

   var textruta2 = document.getElementById("textruta2");

   var textruta3 = document.getElementById("textruta3");

   var divruta = document.getElementById("divruta");

 

   function kollaVillkor() {

     var tal1 = parseFloat(textruta1.value);

     var tal2 = parseFloat(textruta2.value);

     var tal3 = parseFloat(textruta3.value);

 

     var talArray = [tal1, tal2, tal3];

     talArray.sort(function(a, b) { return a - b; });

 

     divruta.innerHTML = "Sorterade tal: " + talArray.join(", ");

   }

 </script>

  </body>

</html>