Added calculator project

This commit is contained in:
BuildTools 2021-03-03 09:47:11 +01:00
parent 1ef296f832
commit 084dbbd664
6 changed files with 144 additions and 8 deletions

76
calculator.php Normal file
View file

@ -0,0 +1,76 @@
<html>
<head>
<meta charset="utf-8">
<title>Tronax - Calculator</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="calc.css">
<link rel="shortcut icon" href="./img/logo.ico">
<link href="https://fonts.googleapis.com/css?family=Roboto:500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet">
</head>
<body>
<!-- HEADER ---------------------------------------->
<?php
require 'header.php';
?>
<!-- HOME ---------------------------------------->
<section id="imprint" class="container" class="vertical-center">
<form>
<textarea id="eingabe" readonly></textarea>
</br>
<button type="button" onclick="seven()" class="numberbutton" id="7">7</button>
<button type="button" onclick="eight()" class="numberbutton" id="8">8</button>
<button type="button" onclick="nine()" class="numberbutton" id="9">9</button>
<button type="button" onclick="back()" class="numberbutton" id="backspace">«</button>
</br>
<button type="button" onclick="four()" class="numberbutton" id="4">4</button>
<button type="button" onclick="five()" class="numberbutton" id="5">5</button>
<button type="button" onclick="six()" class="numberbutton" id="6">6</button>
<button type="button" onclick="CE()" class="numberbutton" id="ce">CE</button>
</br>
<button type="button" onclick="one()" class="numberbutton" id="1">1</button>
<button type="button" onclick="two()" class="numberbutton" id="2">2</button>
<button type="button" onclick="three()" class="numberbutton" id="3">3</button>
<button type="button" onclick="plus()" class="numberbutton" id="plus">+</button>
</br>
<button type="button" onclick="zero()" class="zerobutton" id="0">0</button>
<button type="button" onclick="coma()" class="comabutton" id="coma">,</button>
<button type="button" onclick="equals()" class="numberbutton" id="equals">=</button>
</form>
</section>
<script>
function one() {
var t1 = document.getElementById("eingabe").value
document.getElementById("eingabe").value = t1 + "1";
}
function two() {
var t1 = document.getElementById("eingabe").value
document.getElementById("eingabe").value = t1 + "2";
}
function three() {
var t1 = document.getElementById("eingabe").value
document.getElementById("eingabe").value = t1 + "3";
}
function four() {
var t1 = document.getElementById("eingabe").value
document.getElementById("eingabe").value = t1 + "4";
}
</script>
<!-- FOOTER ---------------------------------------->
<?php
require 'footer.php';
?>
</body>
</html>