You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
4.6 KiB
111 lines
4.6 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Rechner</title>
|
||
|
|
<script src="JQuery.js"></script>
|
||
|
|
<link href="Rechner.css" rel="stylesheet">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<center>
|
||
|
|
<span id="input"></span>
|
||
|
|
<div id="Calculator">
|
||
|
|
<table id="SpecialOperators">
|
||
|
|
<tr>
|
||
|
|
<td><input id="shift" type="Button" value="Shift"></td>
|
||
|
|
<td><input id="sine" type="Button" value="sin(α)"></td>
|
||
|
|
<td><input id="arcsine" type="Button" value="sin⁻¹(x)"></td>
|
||
|
|
<td><input id="In" type="Button" value="In(x)"></td>
|
||
|
|
<td><input id="powX" type="button" value="xⁿ"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><input id="sqrt" type="Button" value="√x"></td>
|
||
|
|
<td><input id="cosine" type="Button" value="cos(α)"></td>
|
||
|
|
<td><input id="arccosine" type="Button" value="cos⁻¹(x)"></td>
|
||
|
|
<td><input id="pow2" type="Button" value="x²"></td>
|
||
|
|
<td><input id="pow3" type="Button" value="x³"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><input id="cbrt" type="Button" value="∛x"></td>
|
||
|
|
<td><input id="tangent" type="Button" value="tan(α)"></td>
|
||
|
|
<td><input id="arctangent" type="Button" value="tan⁻¹(x)"></td>
|
||
|
|
<td><input id="parantheseOpen" type="Button" value="("></td>
|
||
|
|
<td><input id="parantheseClose" type="Button" value=")"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<table id="Numbers_MainOperators">
|
||
|
|
<tr>
|
||
|
|
<td><input class="notEquals" id="num1" type="button" value="1"></td>
|
||
|
|
<td><input class="notEquals" id="num2" type="button" value="2"></td>
|
||
|
|
<td><input class="notEquals" id="num3" type="button" value="3"></td>
|
||
|
|
<td><input class="notEquals" id="delete" type="button" value="DEL"></td>
|
||
|
|
<td><input class="notEquals" id="clear" type="button" value="AC"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><input class="notEquals" id="num4" type="button" value="4"></td>
|
||
|
|
<td><input class="notEquals" id="num5" type="button" value="5"></td>
|
||
|
|
<td><input class="notEquals" id="num6" type="button" value="6"></td>
|
||
|
|
<td><input class="notEquals" id="multiply" type="button" value="×"></td>
|
||
|
|
<td><input class="notEquals" id="divide" type="button" value="÷"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><input class="notEquals" id="num7" type="button" value="7"></td>
|
||
|
|
<td><input class="notEquals" id="num8" type="button" value="8"></td>
|
||
|
|
<td><input class="notEquals" id="num9" type="button" value="9"></td>
|
||
|
|
<td><input class="notEquals" id="add" type="button" value="+"></td>
|
||
|
|
<td><input class="notEquals" id="subtract" type="button" value="-"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><input class="notEquals" id="num0" type="button" value="0"></td>
|
||
|
|
<td><input class="notEquals" id="comma" type="button" value=","></td>
|
||
|
|
<td><input class="notEquals" id="answer" type="Button" value="Ans"></td>
|
||
|
|
<td colspan="2"><input id="equals" type="button" value="="></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<span id="output"></span>
|
||
|
|
</center>
|
||
|
|
<div id="inputForPowX">
|
||
|
|
<canvas height="20" id="hidePowX" width="180"></canvas>
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td><input id="pow4" type="Button" value="x⁴"></td>
|
||
|
|
<td><input id="pow5" type="Button" value="x⁵"></td>
|
||
|
|
<td><input id="pow6" type="Button" value="x⁶"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><input id="pow7" type="Button" value="x⁷"></td>
|
||
|
|
<td><input id="pow8" type="Button" value="x⁸"></td>
|
||
|
|
<td><input id="pow9" type="Button" value="x⁹"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div id="rollInOut">
|
||
|
|
<canvas height="100" id="rollOutCanvas" width="50"></canvas>
|
||
|
|
<canvas height="100" id="rollInCanvas" width="50"></canvas>
|
||
|
|
<form id="setCommas" oninput="commas.value=setcommas.value">
|
||
|
|
Nachkommastellen:
|
||
|
|
<input id="Commas" max="9" min="0" name="setcommas" type="range" value="2">
|
||
|
|
<b><output name="commas">2</output></b>
|
||
|
|
</form>
|
||
|
|
<p id="verticalP">INFORMATIONEN</p>
|
||
|
|
<ul id="infoList">
|
||
|
|
<li>
|
||
|
|
Um mit einem Ergebnis weiter rechnen zu können, bitte IMMER die "Ans" Funktion benutzen.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<u>Alle</u> Trigonometrische Funktionen, Wurzelfunktionen, Logarithmen
|
||
|
|
und Potenzfunktionen können nur verwendet werden, wenn Parameter,
|
||
|
|
auf denen eine Funktion angewendet werden soll, innerhalb einer Klammer stehen.
|
||
|
|
<br/>
|
||
|
|
Innerhalb dieser Klammern dürfen keine weiteren der oben aufgeführten Funktionen
|
||
|
|
enthalten sein.
|
||
|
|
<li>
|
||
|
|
Dieser Rechner befindet sich <u>noch</u> in der Beta-Phase.
|
||
|
|
<br/>
|
||
|
|
Sonstige eventuelle Fehler bitte melden!
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<script src="Rechner.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|