Untitled

<!DOCTYPE html>
<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>Kalkylator</title>
    <link rel="stylesheet" type="text/css" href="index.css">
    <script src="index.js"></script>
</head>
<body>
    <div class="calculator">
        <div id="displayScreen" name="displayScreen">

        </div>

        <div class="calculator-keys">
          <!-- Operatorer -->
          <input type="button" class="operator" value="+" onclick="setDisplay('+')"></input>
          <input type="button" class="operator" value="-" onclick="setDisplay('-')"></input>
          <input type="button" class="operator" value="*" onclick="setDisplay('*')"></input>
          <input type="button" class="operator" value="/" onclick="setDisplay('/')"></input>
          <input type="button" class="operator" value="sqrt" onclick="setDisplay('sqrt(')"></input>
          <input type="button" class="operator" value="power" onclick="setDisplay('x^y')"></input>
          <input type="button" class="operator" value="power2" onclick="setDisplay('^2')"></input>
          <input type="button" class="operator" value="Del" id="del" onclick="delLast(document.getElementById('displayScreen').value)"></input>

          <!-- Trigonometriska värden-->
          <input type="button" class="operator" value="cos" onclick="setDisplay('cos('))" ></input>
          <input type="button" class="operator" value="sin" onclick="setDisplay('sin('))"></input>
          <input type="button" class="operator" value="tan" onclick="setDisplay('tan('))"></input>

          <!-- Alla siffror -->
          <input type="button" value="7" onclick="setDisplay('7')"></button>
          <input type="button" value="8" onclick="setDisplay('8')"></input>
          <input type="button" value="9" onclick="setDisplay('9')"></input>
          <input type="button" value="4" onclick="setDisplay('4')"></input>
          <input type="button" value="5" onclick="setDisplay('5')"></input>
          <input type="button" value="6" onclick="setDisplay('6')"></input>
          <input type="button" value="1" onclick="setDisplay('1')"></input>
          <input type="button" value="2" onclick="setDisplay('2')"></input>
          <input type="button" value="3" onclick="setDisplay('3')"></input>
          <input type="button" value="0" onclick="setDisplay('0')"></input>

          <!-- Andra operatorer -->
          <input type="button" value="." onclick="setDisplay('.')"></input>
          <input type="button" class="all-clear" value="Clear" onclick="clearScreen()"></input>
          <input type="button" class="equal-sign operator" value="=" id="equal" onclick="setDisplay('=')"></input>

        </div>
      </div>
  </body>
</html>