<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Taschenrechner</a>
<form id="calcForm" method="POST" action="@Url.Content("~/add")" class="navbar-form">
<div class="panel panel-default">
<div class="panel-heading">Liste vergangener Operationen. (Klicken, um Resultat in nächste Rechnung einzufügen)</div>
@foreach(var calc in Model)
<li class="list-group-item" onclick="setVal(this);"><b>@calc.expression</b> = @calc.result</li>
<input name="history" type="text" readonly="readonly" value="@foreach(var calc in Model)
{@(calc.expression+';')}" hidden/>
<td colspan="3"><input name="expression" type="text" id="result" readonly="readonly"/></td>
<td><input type="button" value="c" onclick="addInput('c')"/> </td>
<td><input id="btn1" type="button" value="1" class="btn" onclick="addInput('1')"/> </td>
<td><input id="btn2" type="button" value="2" class="btn" onclick="addInput('2')"/> </td>
<td><input id="btn3" type="button" value="3" class="btn" onclick="addInput('3')"/> </td>
<td><input id="btnDiv" type="button" value="/" onclick="addInput('/')"/> </td>
<td><input id="btn4" type="button" value="4" class="btn" onclick="addInput('4')"/> </td>
<td><input id="btn5" type="button" value="5" class="btn" onclick="addInput('5')"/> </td>
<td><input id="btn6" type="button" value="6" class="btn" onclick="addInput('6')"/> </td>
<td><input id="btnMinus" type="button" value="-" onclick="addInput('-')"/> </td>
<td><input id="btn7" type="button" value="7" class="btn" onclick="addInput('7')"/> </td>
<td><input id="btn8" type="button" value="8" class="btn" onclick="addInput('8')"/> </td>
<td><input id="btn9" type="button" value="9" class="btn" onclick="addInput('9')"/> </td>
<td><input id="btnPlus" type="button" value="+" onclick="addInput('+')"/> </td>
<td><input id="btnDot" type="button" value="." class="btn" onclick="addInput('.')"/> </td>
<td><input id="btn0" type="button" value="0" class="btn" onclick="addInput('0')"/> </td>
<input id="subBtn" type="submit" class="btn btn-primary" value="="/><br/>
<td><input type="button" value="*" onclick="addInput('*')"/> </td>
document.getElementById('result').value = "";
addInput(expr.innerHTML.substring(expr.innerHTML.indexOf('=')+2,expr.innerHTML.length));
function addInput(element){
document.getElementById('result').value = "";
if(element === '+' || element === '*' || element ==='/'){
if(inputs.includes('+') || inputs.includes('*') ||inputs.includes('/')){
document.getElementById('result').value = "";
for(var input in inputs){
document.getElementById('result').value = document.getElementById('result').value+inputs[input];
$(document).keydown(function(e) {
case 96: btn0.click(); break;
case 97: btn1.click(); break;
case 98: btn2.click(); break;
case 99: btn3.click(); break;
case 100: btn4.click(); break;
case 101: btn5.click(); break;
case 102: btn6.click(); break;
case 103: btn7.click(); break;
case 104: btn8.click(); break;
case 105: btn9.click(); break;
default: return; // exit this handler for other keys
e.preventDefault(); // prevent the default action (scroll / move caret)