Создать HTML сайт с калькулятором и анимированным фоном
<p>К сожалению, я не могу создавать HTML сайты, так как я текстовый чат-бот. Однако, я могу предоставить вам общую структуру HTML кода для калькулятора и картинки на заднем фоне:</p>
<!DOCTYPE html>
<html>
<head>
<title>Калькулятор</title>
<style>
body {
background-image: url('путь_к_картинке');
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<h1>Калькулятор</h1>
<form>
<input type='text' id='number1' name='number1'>
<select id='operator' name='operator'>
<option value='+'>+</option>
<option value='-'>-</option>
<option value='*'>*</option>
<option value='/'>/</option>
<option value='**'>^</option>
<option value='sqrt'>√</option>
<option value='sin'>sin</option>
<option value='cos'>cos</option>
<option value='tan'>tan</option>
<option value='ctg'>ctg</option>
</select>
<input type='text' id='number2' name='number2'>
<input type='button' value='Рассчитать' onclick='calculate()'>
</form>
<p id='result'></p>
<script>
function calculate() {
var number1 = document.getElementById('number1').value;
var number2 = document.getElementById('number2').value;
var operator = document.getElementById('operator').value;
var result;
if (operator == '+') {
result = parseFloat(number1) + parseFloat(number2);
} else if (operator == '-') {
result = parseFloat(number1) - parseFloat(number2);
} else if (operator == '*') {
result = parseFloat(number1) * parseFloat(number2);
} else if (operator == '/') {
result = parseFloat(number1) / parseFloat(number2);
} else if (operator == '**') {
result = Math.pow(parseFloat(number1), parseFloat(number2));
} else if (operator == 'sqrt') {
result = Math.sqrt(parseFloat(number1));
} else if (operator == 'sin') {
result = Math.sin(parseFloat(number1));
} else if (operator == 'cos') {
result = Math.cos(parseFloat(number1));
} else if (operator == 'tan') {
result = Math.tan(parseFloat(number1));
} else if (operator == 'ctg') {
result = 1 / Math.tan(parseFloat(number1));
}
document.getElementById('result').innerHTML = 'Результат: ' + result;
}
</script>
</body>
</html>
<p>Замените путь_к_картинке на путь к вашей анимированной картинке. Код калькулятора содержит JavaScript функцию calculate(), которая получает значения из текстовых полей и выполняет нужную операцию в зависимости от выбранного оператора. Результат выводится в теге <p> с id='result'.</p>
原文地址: https://www.cveoy.top/t/topic/naCy 著作权归作者所有。请勿转载和采集!