Web_Programming_2022/functionActivity.html at master · Swiftburn/Web_Programming_2022 · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="Adolfo Barrientos">
    <title>Function Activity</title>
    <script>
        function mystery(form) {
            let a = document.getElementById("a").value
            let b = document.getElementById("b").value

        if (a > b) {
            return 0;
        } else {
            let result = 0;
            for (let i = a; i <= b; i++) {
            result += i;
            }
            return console.log(result);
        }
        form.reset();
        }
    </script>
</head>
<body>
    <!--
        a) What does mystery(4, 6) return?
                mystery(4,6) returns, 0456
        b) How would you call mystery to result in 10?
                mystery(10,10) returns, 010 which is close enough to 10.
     -->
    <form>
        a: <input type="number" id="a" placeholder="Type a Number"><br>
        b: <input type="number" id="b" placeholder="Type a Number"><br><br>
        <button type="button" onclick="mystery(this.form);">Click Me!</button>
    </form>
</body>
</html>