repl.it
HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • AdderVector.js
  • index.css
  • index.js
  • newAdder.js
  • newVector.js
  • UnitVector.js
  • Vector.js
index.html
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
<!DOCTYPE html>
<html>
    <head>
        <title>vectors</title>
        <link href="index.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <canvas id="canvas" width="500" height="500">Your browser is not compatible with the canvas tag. Try chrome.</canvas>
        <br>
        <div id="UnitVectors">
        grid = [<input type="number" id="ix" value="30" onkeydown="moveI()" onkeyup="deselectI()">
        <input type="number" id="jx" value="0" onkeydown="moveJ()" onkeyup="deselectI()">
        <br>
        ///////////<input type="number" id="iy" value="0" onkeydown="moveI()" onkeyup="deselectJ()">
        <input type="number" id="jy" value="30" onkeydown="moveJ()" onkeyup="deselectJ()">]
        <br>
        <button onclick="ij[0].hide(); ij[1].hide()" id="hideIJ">hide</button>
        </div>
        <br>
        <div id="vectors">
            <h3>Vectors</h3>
            <button onclick="newVector()">New Vector</button>
        </div>
        
        <div id="add">
            <h3>Adder Vectors</h3>
            <button onclick="addVector()">New Vector</button>
        </div>
        
        <script src="Vector.js"></script>
        <script src="AdderVector.js"></script>
        <script src="UnitVector.js"></script>
        <script src="newVector.js"></script>
        <script src="newAdder.js"></script>
        <script src="index.js"></script>
    </body>
</html>
result
console