Добрый день. Я только начал изучать js - скажите почему не работает , сбрасываются значения и как решить задачу. Спасибо
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/name.css">
</head>
<body>
<div class="contener">
<h1>Изучаем JS</h1>
<form name="formCl">
<input type="number" id="numX">
<br>
<input type="number" id="numY">
<br>
<select id="ope">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<br>
<input type="submit" value="=" onclick="btnClick()">
</form>
<br>
<p id="das" class="das">Результат: </p>
</div>
<script>
var x, y, oper, resul, form = document.formCl;
function btnClick() {
form = document.formCl;
x = form.numX.value;
y = form.numY.value;
oper = form.ope.value;
console.log(x);
console.log(y);
console.log(oper);
console.log(resul);
switch (oper) {
case "+": {
resul = +x + +y;
document.getElementById("das").innerText = resul;
// break;
}
case "-": {
return resul = x - y;
// break;
}
case "*": {
resul = x * y;
// break;
}
case "/": {
resul = x / y;
// break;
}
};
console.log(x);
console.log(y);
console.log(oper);
console.log(resul);
if(resul != undefined && resul != null) {
document.getElementById("das").innerText = resul;
};
};
</script>
</body>
</html>