-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
100 lines (88 loc) · 3.54 KB
/
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
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
97
98
99
100
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Opamp Designer</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link href="https://fonts.googleapis.com/css?family=Dosis:400,700|Poppins" rel="stylesheet">
</head>
<body>
<div class="body">
<div class="header">
<h1>Opamp Designer</h1>
</div>
<div class="content">
<div class="box">
<h2>Try it Out</h2>
<p>Write the coefficients of all the terms in the equation with a space</p>
<div class="wrap-actions">
<form>
<input type="text" onkeypress='validate(event)' placeholder="Write coefficient" id="input">
<a href="./designer.html">
<button class="go" formaction="./designer.html" onclick="localStorage.setItem('query',document.getElementById('input').value);" type="submit">
Generate Circuit
</button>
</a>
</form>
</div>
</div>
<div class="block">
<h2>What Is an Opamp
<hr />
</h2>
<p>
An Operational Amplifier (in short opamp) is an electronic circuit element designed for DC
amplification and are therefore used extensively in signal conditioning, filtering or to perform
mathematical operations such as add, subtract, integration and differentiation.
<br />
For a detailed info on opamp, you can refer to <a href="https://en.wikipedia.org/wiki/Operational_amplifier">Wikipedia</a>.
</p>
</div>
<div class="block">
<h2>What does this Opamp designer do?
<hr />
</h2>
<p>
One of the applications of Opamp is to build mathematical circuits.
Given a set of input voltages we can get the output voltage as a linear combination of the input voltages.
For example : <br />
<p class="formula">
V<sub>out</sub> = 2V<sub>1</sub> + 5V<sub>2</sub> - 4V<sub>3</sub>
</p>
<p>What this tool does is, given a linear combination of equations, it will design an optimal opamp circuit which implelemnts the equation</p>
</p>
</div>
</div>
</div>
<!-- <canvas id="mycanvas">Your browser does not support canvas</canvas> -->
</body>
<!-- <script src="js/canvasApi.js"></script>
<script src="js/renderer.js"></script> -->
<!-- <script src="js/renderer.js"></script> -->
<script>
function validate(evt) {
const theEvent = evt || window.event;
if (theEvent.type === 'paste') {
key = event.clipboardData.getData('text/plain');
} else {
var key = theEvent.keyCode || theEvent.which;
key = String.fromCharCode(key);
}
// var regex = /[0-9]|\./;
// if( !regex.test(key) ) {
// theEvent.returnValue = false;
// if(theEvent.preventDefault) theEvent.preventDefault();
}
// }
</script>
<script>
// $(document).ready(function(){
// $('#TextBoxId').keypress(function(e){
// if(e.keyCode==13)
// $('#linkadd').click();
// });
// });
</script>
</html>