javascript_intro/index.html at master · G-sdn/javascript_intro · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Creative coding with p5.js - Introduction to JavaScript</title>

    <script src="01_javascript_function_baseframe.js" type="text/javascript"></script>
    <script src="02_statements.js" type="text/javascript"></script>
    <script src="03_arithmetic_operators.js" type="text/javascript"></script>
    <script src="04_more_functions_local_vs_global.js" type="text/javascript"></script>
    <script src="05_array_objects.js" type="text/javascript"></script>
    <script src="06_loops.js" type="text/javascript"></script>
    <script src="07_conditions_boolean.js" type="text/javascript"></script>
    <script src="08_relational_logical_operators.js" type="text/javascript"></script>
</head>
<body>

    <p>
        This html document outlines the source code for <b>a very brief introduction to JavaScript in preparation to creative coding using p5.js</b>.
    </p>

    <p>
        To check out the JavaScript code, please have a look into the project folder and examine the scripts.</br>
        In order to execute the JavaScript code of the individual scripts, click the buttons beneath accordingly.</br>
        Please open your web browser's <b>console</b> to follow the results of executing the scripts.

        <ul>
            <li><b>Chrome</b>: From the menu bar, select View - Developer - JavaScript Console.</li>
            <li><b>Firefox</b>: From the menu bar, select Tools - Web Developer - Web Console.</li>
            <li><b>Safari</b>: From the menu bar, select Develop - Show Web Inspector - and select the Console tab. </li>
        </ul>
    </p>

    <p><button onclick="js01_printAndReturn()">01 - JavaScript function baseframe</button></p>
    <p><button onclick="js02_statements()">02 - Statements</button></p>
    <p><button onclick="js03_arithmeticOperations()">03 - Arithmetic operators</button></p>
    <p><button onclick="js04_moreFunctionsLocalVsGlobal()">04 - More functions, local vs global scope</button></p>
    <p><button onclick="js05_arrayObjects()">05 - Arrays and objects</button></p>
    <p><button onclick="js06_loops()">06 - Loops</button></p>
    <p><button onclick="js07_conditionsBoolean()">07 - Conditions and boolean values</button></p>
    <p><button onclick="js08_relationalLogicalOperations()">08 - Relational and logical operations</button></p>

</body>
</html>