Кто-нибудь может сказать, что не так в моей программе?
я хочу сделать веб-страницу, на которой требуется 2 входа для x и y. она должна работать как калькулятор. для сложения и вычитания я должен использовать такую кнопку, чтобы при нажатии на нее нужно было выполнить вычисление сложения и вычитания. для умножение деление я HV, чтобы использовать раскрывающееся меню. когда я нажимаю на умножение или деление он должен вычислить умножение или деление и отобразить
Что я уже пробовал:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC"-//W3C//DTD//DTD XHTML1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<h1><title>CALCULATOR</title></h1>
</head>
<body>
<form>
<div>
<label>Value of X : </label>
<input type="text" id="x" name="x" placeholder="Enter X value"/>
<div>
<div>
<label>Value of Y : </label>
<input type="text" id="y" name="y" placeholder="Enter Y value"/>
<div>
<div><p id="demo"><h1>display here</h1></p></div>
<div>
<button onclick="add()">ADDITION</button>
<button onclick="sub()">SUBTRACT</button>
<select>
<option></option>
<option onclick="mul()">MULTIPLY</option>
<option onclick="divide()">DIVIDE</option>
</select>
</div>
<script>
function add(){
document.getElementById("demo").innerHTML = x + y;
}
</script>
<script>
function sub(){
document.getElementById("demo").innerHTML = x - y;
}
</script>
<script>
function mul(){
document.getElementById("demo").innerHTML = x * y;
}
</script>
<script>
function divide(){
document.getElementById("demo").innerHTML = x / y;
}
</script>
</form>
</body>
Graeme_Grant
Я очистил ваш код, и первое, что я вижу, это то, что ваши теги DIV не закрыты правильно.
Что он делает в настоящее время? Что показывает вам отладчик?
Member 13407721
Даже когда я нажимаю на кнопки он не вычисляет значения