0
こんにちは、私はBMIの電卓を作成しようとしましたが、何らかの理由でそれが動作しません。私はPHP/AJAXを使っているので、誰かが私が間違ったことを知っていたら、私に教えてください！ ：D私のbmi calulatorがajaxで働いていません
gewicht =重量 lengte =長さ
AJAXコード：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ajax</title>
</head>
<body>
<script>
function ajax(gewicht,lengte) {
let debug = true;
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
let controlScript = "BMI.php";
let httpString = controlScript + "?gewicht=" + gewicht + "&lengte_cm" + lengte;
let httpResponse = "";
if(debug) console.log(httpString);
xmlhttp.open("GET", httpString, true);
xmlhttp.send();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
if(debug) console.log("http response = " + xmlhttp.responseText);
httpResponse = xmlhttp.responseText;
document.getElementbyId('resultaat').innerhtml = httpRespsonse;
}
}
}
</script>
<form action="BMI.php" method="post">
<input name="gewicht" id="gewicht" type="text" onkeyup="ajax(gewicht.value)" placeholder="gewicht"><br/>
<input name="lengte" id="lengte" type="text" onkeyup="ajax(lengte.value)" placeholder="lengte">
<input type="submit" value="submit">
</form>
<div id="resultaat"></div>
</body>
</html>
PHPコード：
<?php
$gewicht = $_GET["gewicht"];
$lengte = $_GET["lengte"];
function BMIcalc($gewicht,$lengte) {
echo $gewicht/($lengte*$lengte);
}
BMIcalc($gewicht,$lengte);