私が考案した電卓には厄介なバグがあります。何らかの理由で、Chrome はボタンをクリックすると「予期しないトークン }」と表示します。これは意味がありません。JavaScript と CSS、および onclick イベント (未定義の JavaScript 関数がないことを確認するため) を一時的に削除することで、問題を HTMl に絞り込むことができたと思います。これは完璧です。また、+、*、=、および - ボタンは正常に機能するため、onclick イベントである必要があります。なにが問題ですか?
PS: 電卓は明らかに完全に機能していません。まだ始まったばかりです。
<head>
<style>
button{
background-color: #4D4447;
border: 2px solid #191842;
color: #BABACC;
}
button:hover{
background-color: #6F6DC2;
color: #FDFCFF;
}
</style>
<script>
var num = ""
function tonumber (val){
num=num+val
document.getElementById("answer").innerHTML=num
}
</script>
</head>
<body>
<table id="calc">
<caption id="answer">0</caption>
<tr>
<td><button onclick="tonumber("1")">1</button></td>
<td><button onclick="tonumber("2")">2</button></td>
<td><button onclick="tonumber("3")">3</button></td>
</tr>
This goes on with 4,5,6,7,8 and 9. Same code, just with different numbers.
<tr>
<td><button onclick="tonumber("0")">0</button></td>
<td><button>+</button></td>
<td><button>-</button></td>
</tr>
<tr>
<td><button>*</button></td>
<td><button>/</button></td>
<td><button>=</button></td>
</tr>
</table>
</body>