Я пытаюсь написать пару простых функций js, и первая (и самая простая), похоже, не работает. это моя страница HTML, у меня нет CSS.
FunctionLib.js - это мой файл, а другой скрипт импортирует jquery (он отлично работал в моем другом проекте)
Мне просто нужно показать ответ функции squareSum после нажатия кнопки.
<!DOCTYPE html>
<html lang="en">
<!-- МЕТА-ІНФОРМАЦІЯ -->
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/FunctionLib.js"></script>
</head>
<body>
<div class="square-sum">
<form name="mathematics">
Enter х: <input type="number" id="x-square"> <br>
Enter y: <input type="number" id="y-square"> <br>
<button onclick="squareSumContainer()">OK</button>
</form>
<p>x^2+y^2 = <span id="square-answer"></span></p>
</div>
</body>
</html>
и мой файл js:
function squareSum(a, b) {
return a * a + b * b;
}
function squareSumContainer() {
var x = parseInt($('#x-square').html(), 10);
var y = parseInt($('#y-square').html(), 10);
$("#square-answer").html(squareSum(x, y));
//document.getElementById("square-answer").innerHTML = myFunction(4, 3);
var answer = squareSum(x, y);
//alert(answer);
}
А когда я нажимаю кнопку, ничего не происходит. Я попытался использовать оповещение, чтобы показать ответ, и он оказался NaN.
Я очень плохо знаком с JS, поэтому я не знаю, что делать вообще.