我需要一个实现，其中表中td标记的bgcolor属性应该根据某些条件进行更改。我需要检查一个变量是否等于"a"bgcolor应设置为"blue"，如果是"b"，则bgcolor应该为"black"，而如果是"c"，则应为"red"。如何在HTML中实现这一点？
尝试更改输入值，然后单击按钮查看更改
<!DOCTYPE html>
<html>
<body>
<input type="text" id="inputf">
<table>
<tr>
<td id="myvar">Hello</td>
</tr>
</table>
<button onclick="myFunction()">click</button>
<script>
function myFunction() {
var input=document.getElementById('inputf').value;
var elem=document.getElementById('myvar');
if (input<=10) {
elem.style.backgroundColor="red";
} else {
elem.style.backgroundColor="yellow";
}
}
</script>
</body>
</html>