Mathcraft/Calculator.html at main · ArnavMK/Mathcraft · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!Doctype html>
<html lang="en">

  <head>
    <title>
      Calculator
    </title>
    <meta charset="utf-8">
    <link type="text/css" rel="stylesheet" href="./Mathcraft/Style.css">
    <link rel="icon" href="./Mathcraft/images/smallLogo.png" type="image/x-icon">

  </head>

  <body>

    <div class="searchBox">
      <div class="row">
        <input type="text" id="inputBox" placeholder="Search commands" autocomplete="off">
        <button id="EnterCommandButton" title="Execute the entered command"></button>
      </div>
      <div class="resultBox">
      </div>
    </div>

    <div id="canvases">
        <canvas id="canvas"></canvas>
    </div>

    <select name="ModeSelectorSelect" id="ModeSelector" class="controls" title="Change this to draw more types of equations">
      <option value="function" title="To graph equations which do not have two values of y for one value of x">Function</option>
      <option value="Circle" title="To graph circles">Circle</option>
      <option value="Ellipse" title="To graph ellipses">Ellipse</option>
    </select>

    <div id="GraphController" class="controls">
      <button id="ToggleGridButton" class="SquareButtons" title="Enable or disable the grid">G</button>
      <button id="ToggleTheme" class="SquareButtons" title="Change Click to change theme"></button>
      <button id="manualButton" class="SquareButtons" title="click to user manual">?</button>
    </div>

    <button id="NewEquation" title="Gives an interface to create an equation based on the graph mode">Add New Equation</button>
    <div id="EquationContainer" class="controls">
    </div>


    <div class="ErrorLoggerContainer">
      <div class="ErrorLogger">
        <div class="exceptionalDivs">Some Text</div><a href="./Mathcraft/User manual/manual.pdf" target="_blank">Help</a>
      </div>
    </div>

    <dialog class="modal" id="EquationDialog">

      <label for="EquationDialog_equation" id="Label1" title="Enter the expression you want to graph">Equation: </label>
      <input id="EquationDialog_equation" placeholder="sin(x)" title="Enter the expression you want to graph" ></input> <br>

      <button id="EquationDialog_cancel" class="SquareButtons" title="Close"></button>

      <label for="EquationDialog_domain" id="Label2" title="Enter the domain you want to cover (entire x-axis by default)">Domain:</label>
      <input id="EquationDialog_domain" placeholder="Reals" title="Enter the domain you want to cover (entire x-axis by default)"></input> <br>

      <button id="EquationDialog_save" class="SquareButtons" title="Save the current information to see it on the graph">Save</button>
      <label for="EquationDialog_colorPicker" title="Choose your color">Color</label>
      <input type="color" id="EquationDialog_colorPicker" class="SquareButtons" value="#00FFFF" title="Choose your color">


      <div class="modalInfo" id="EquationDialog_modalInfo">
        Enter an expression and hit save
      </div>

      <div class="ErrorLoggerContainer">
        <div class="ErrorLogger">
          <div class="exceptionalDivs">Some Text</div><a href="./Mathcraft/User manual/manual.pdf" target="_blank">Help</a>
        </div>
      </div>
    </dialog>

    <p id="debug" class="debug"></p>

    <p id="pointDisplay" class="controls"></p>

    <script src="./Mathcraft/Main.js" type="module" defer></script>
    <script>
      let button = document.getElementById("manualButton")

      button.onclick = (event) => {
        let aTag = document.createElement("a");
        aTag.href = "./Mathcraft/User manual/manual.pdf";
        aTag.target = "_blank"
        aTag.click();
      }

    </script>
  </body>

</html>