Show sourcecode

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

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

js_for_a.html
js_for_b.html
js_for_c.html
js_for_d.html
js_for_e.html
js_for_f.html
js_for_g.html
js_for_h.html
js_for_i.html

`js_for_g.html`

42 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
39
40
41
42


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>JS For G</title>

</head>

<body>

<h1>JS For G</h1>

<input type="number" id="numInput1" placeholder="Skriv ett startvärde">

<input type="number" id="numInput2" placeholder="Skriv ett slutvärde">

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

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



<script>

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

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

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



    function myFunction() {

        divRuta.innerHTML = "";

        let result = 0;

        let add = true;

        let calc = "";

        for (let i = parseInt(numInput1.value); i <= parseInt(numInput2.value); i++) {

            if (i === parseInt(numInput1.value)) {

                result += i;

                calc += i;

            } else if (add) {

                result += i;

                calc += " + " + i;

                add = !add;

            } else {

                result -= i;

                calc += " - " + i;

                add = !add;

            }

        }

        divRuta.innerHTML = calc + " = " + result.toString();

    }

</script>

</body>

</html>