ES6_coding_excercie/index.html at master · Alayode/ES6_coding_excercie · 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
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>
<html>

    <!-- Old Way to install scripts -->
    <!-- HTML4 and (x)HTML -->
    <!--<script type="text/javascript" src="javascript.js"></script>-->

    <!-- New Way (HTML 5)-->

    <!--<script type="text/javascript" src="assignment.js"></script>-->
    <link href="style.css" rel="stylesheet">
</head>
<body>
<h1>Result:</h1>
<div id="result">
    <!-- javascript will make a new div-->
    <!--<div> [Answer  will be append here!!]  </div>-->
</div>
<body>
<h1>Result:</h1>
<div id="result"></div>
</body>
<script>
    var assignment = {
        log: function(message, number) {
            let result = document.querySelector("#result").appendChild(document.createElement('div')),
                resultMessage,
                resultTitle;
            number = number || '';
            result.className = number % 2 ? '': 'even';
            if (typeof message === 'object') {
                message = JSON.stringify(message);
            }
            resultTitle = result.appendChild(document.createElement('b'));
            resultMessage = result.appendChild(document.createElement('span'));
            resultTitle.textContent = `Test ${number}: `;
            resultMessage.textContent = `${message}`;
        }
    };

    Object.prototype.valueOf = function() {
        return JSON.stringify(this);
    }


</script>

<script type="text/javascript" src="script.js"></script>
</body>
</html>