Your IP : 216.73.216.48
<!DOCTYPE HTML>
<html>
<head>
<meta charset='utf-8'>
<title>Tables</title>
<style>
table{
border-collapse: collapse;
}
td{
border: 2px groove black;
text-align: center;
width: 20px;
}
#result{
background-color: red;
}
#clear{
background-color: black;
color: white;
}
</style>
</head>
<body>
<table>
<tr>
<td id="result" colspan="4">0</td>
</tr>
<tr>
<td id="clear" colspan="3">Clear</td>
<td>/</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>*</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>+</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>-</td>
</tr>
<tr>
<td>0</td>
<td>,</td>
<td colspan="2">=</td>
</tr>
</table>
<script>
document.getElementById('clear').addEventListener('click', (ev) => {
})
</script>
</body>
</html>