-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpythagorean_theorem.html
46 lines (46 loc) · 2.37 KB
/
pythagorean_theorem.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=500, initial-scale=1">
<title>MathFormulas</title>
<link href="css/style.css" rel="stylesheet">
<link href="css/style2.css" rel="stylesheet">
<script src="js/script2.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Patua+One&display=swap" rel="stylesheet">
</head>
<body>
<div class="background">
<h1 id="title1">Welcome to the MathFormulas</h1>
<a href="index.html" style="color: black;"><h5 id="quadratic_formula">Quadratic Formula</h5></a>
<a href="pythagorean_theorem.html" style="color: black;"><h5 id="pythagorean_theorem">Pythagorean theorem</h5></a>
<!-- <a href="logarithm.html" style="color: black;"><h5 id="logarithm">Logarithm</h5></a> -->
<a href="percentage.html" style="color: black;"><h5 id="percentage">Percentage</h5></a>
</div>
<div id="principal1">
<h4 id="main_text">Insert the values you have and leave the value you want to find empty</h4>
<div id="triangle-bottomleft"></div>
<form class="mb-3" name="form_2" action="javascript:pythagorean();" style="text-align: center; height: 500px;">
<div>
<input class="form-control" type="number" id="input3" placeholder="a" name="number_pythagorean_a" min="0">
</div>
<br>
<div>
<input class="form-control" type="number" id="input4" placeholder="b" name="number_pythagorean_b" min="0">
</div>
<br>
<div>
<input class="form-control" type="number" id="input5" placeholder="c" name="number_pythagorean_c" min="0">
</div>
<br><br><br><br>
<div>
<input class="btn btn-primary" id="submit2" type="submit" value="Calculate" name="final">
</div>
</form>
<p id="a">a</p>
<p id="b">b</p>
<p id="c">c</p>
</div>
</body>
</html>