Show sourcecode

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

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

grunder.html
js_grunder_a.html
js_grunder_b.html
js_grunder_c.html
js_grunder_d.html
js_grunder_e.html
js_grunder_f.html
js_grunder_g.html

`js_grunder_e.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 content="width=device-width, initial-scale=1" name="viewport">

    <title>Webbutv2 - Love B</title>

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

</head>

<body>

<h1>JS Grunder E</h1>

<h2>Pris:</h2>

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

<h2>Rabatt i procent: </h2>

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

<br>

<hr>

<button id="knapp1" type="button">Klicka här</button>

<h2>Resultat: </h2>

<div id="result"></div>



<script>

    document.getElementById("knapp1").addEventListener('click', kopiera);



    function kopiera() {

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

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

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



        result.innerHTML = 'Pris efter rabatt: ' + (Number(ruta1.value) - (Number(ruta1.value) * (Number(ruta2.value) / 100)));



    }

</script>

</body>

</html>