您所在的位置:首页 - 科普 - 正文科普
编程猫基本操作
莹钰 04-19 【科普】 784人已围观
摘要标题:使用编程猫编写计算器程序```html编程猫计算器body{font-family:Arial,sans-serif;text-align:center;}#calculator{width:3
使用编程猫编写计算器程序
```html
body {
fontfamily: Arial, sansserif;
textalign: center;
}
calculator {
width: 300px;
margin: 50px auto;
border: 1px solid ccc;
padding: 20px;
borderradius: 10px;
boxshadow: 0 0 10px rgba(0,0,0,0.1);
}
input[type="text"] {
width: 100%;
padding: 10px;
marginbottom: 15px;
borderradius: 5px;
border: 1px solid ccc;
}
input[type="button"] {
width: 45px;
padding: 10px;
margin: 5px;
borderradius: 5px;
border: none;
cursor: pointer;
backgroundcolor: f0f0f0;
}
input[type="button"]:hover {
backgroundcolor: e0e0e0;
}
function addToDisplay(value) {
document.getElementById('display').value = value;
}
function clearDisplay() {
document.getElementById('display').value = '';
}
function calculate() {
var displayValue = document.getElementById('display').value;
try {
var result = eval(displayValue);
document.getElementById('display').value = result;
} catch (error) {
document.getElementById('display').value = 'Error';
}
}