derivative-calculator/index.html at main · ishaanbhimwal/derivative-calculator · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Derivative Calculator by Ishaan Bhimwal</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&display=swap" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <script src="https://unpkg.com/mathjs@9.4.4/lib/browser/math.js"></script>
    <script
      type="text/javascript"
      src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=AM_HTMLorMML-full"
    ></script>
    <script src="https://cdn.plot.ly/plotly-2.3.0.min.js"></script>
  </head>

  <body>
    <a href="https://github.com/ishaanbhimwal/derivative-calculator/fork" target="_blank"
      ><img
        style="position: absolute; top: 0; right: 0; border: 0"
        src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"
        alt="Fork me on GitHub"
    /></a>
    <div id="wrapper">
      <header>
        <h1>
          <a href="index.html" id="h1-link"
            >Derivative Calculator by Ishaan Bhimwal</a
          >
        </h1>
        <div>Published: 2021/08/02, Last updated: 2022/01/14</div>
      </header>
      <br /><br />
      <form id="form">
        <label for="expression">y =</label>
        &nbsp;
        <input
          type="text"
          id="expression"
          placeholder="Enter an expression..."
        />
        &nbsp;
        <input type="submit" value="Go!" />
      </form>
      <br /><br />
      <div>
        <h4>Derivative:</h4>
        <br />
        <div id="derivative"></div>
        <br />
        <hr />
        <h4>Plot:</h4>
        <br />
        <div id="plot"></div>
        <br />
      </div>
      <footer>
        <h2>Instructions for the web version</h2>
        <div>
          Use standard mathematical operators and functions for entering the
          expression.
        </div>
        <h2>About Derivative Calculator</h2>
        <div>
          Derivative Calculator is a web app written using JavaScript. It uses
          libraries like math.js and Plotly.js for computing the derivative of
          the expression and plotting the graphs. Source code of the project is
          available in my
          <a href="https://github.com/ishaanbhimwal/derivative-calculator" target="_blank"
            >GitHub repo</a
          >. If you have any questions or ideas for improvements to the
          Derivative Calculator, don't hesitate to
          <a href="mailto:ishaanbhimwal07@gmail.com">write me an e-mail</a>.
          Download the
          <a
            href="./derivative-calculator.pdf"
            download="derivative-calculator"
            onclick="return confirm('Download Project Synopsis?');"
          >
            Project Synopsis</a
          >.
        </div>
      </footer>
    </div>
    <script type="text/javascript" src="js/script.js"></script>
  </body>
</html>