Javascript 无法在文本框上显示用户数据_Javascript_Html

Javascript 无法在文本框上显示用户数据

javascript html

Javascript 无法在文本框上显示用户数据,javascript,html,Javascript,Html,停车场停车三小时的最低收费为2美元。超过三小时，每小时或不足一小时，每小时额外收费0.50美元。任何24小时内的最高收费为10.00美元。假设一次停车时间不超过24小时网页应使用文本框计算进入时间和分钟以及退出时间和分钟。小时将以24小时格式输入。选择提交按钮后，网页应显示费用、费用总数和运行费用总额。请注意，重复使用页面时，后两个值将保持不变创建并使用函数calculateTime和calculateCharge，前者计算车库中的时间量，后者计算费用我运行了HTML，但是无法将值显示在文

停车场停车三小时的最低收费为2美元。超过三小时，每小时或不足一小时，每小时额外收费0.50美元。任何24小时内的最高收费为10.00美元。假设一次停车时间不超过24小时

网页应使用文本框计算进入时间和分钟以及退出时间和分钟。小时将以24小时格式输入。选择提交按钮后，网页应显示费用、费用总数和运行费用总额。请注意，重复使用页面时，后两个值将保持不变

创建并使用函数calculateTime和calculateCharge，前者计算车库中的时间量，后者计算费用

我运行了HTML，但是无法将值显示在文本框中。我也不知道如何计算费用。任何帮助都将不胜感激！多谢各位

HTML代码：

<!DOCTYPE html>
<html>
<head>
<title>Parking Charge</title>
</head>
<body><div align="center">
<form id="1"><h1><p style="background-color:black ; color:gold;">Parking Garage Charge Calculator</p></h1><hr>
<p>ENTRY TIME: <input type = "number" name = "EntryTime" id = "entTime"></p>
<p>EXIT TIME :  <input type="number" id="extTime" name="ExitTime">
<p>Number of Hours Parked: <input type ="number" name="noOfHours" id="nh"><br><br>
<input type="button" id="calculate" name="calc" value="Calculate" onclick="calculateTime()"/>
<input type="reset" id="resetBtn" value="Clear"><br><br>
<input type="number" id="total" name="totalCost" placeholder="Your Total Payment" readonly/><hr>
</form>
</div>
</body>
<script src="P2JS.js"></script>
</html>


停车费
停车场收费计算器
进场时间：
退出时间：
停车时间：

JAVASCRIPT代码：

function calculateTime(){

var EntryTime = document.getElementById('entTime').value;
var ExitTime = document.getElementById('extTime').value;

var noOfHours = (EntryTime - ExitTime);
document.getElementById("nh").innerHTML = noOfHours;
}

/*Function to calculate the payment on the number of hours parked*/

function calculateCharge(){
var charge = 3.50;
var payment = (noOfHours * charge);
if (noOfHours <= 3){
    totalPayment = charge * noOfHours;
    return payment;
}
else {
    payment = ((noOfHours - 3) * (charge + 0.50)) + (charge * 3);
    return payment;
}
}

函数计算时间（）{
var EntryTime=document.getElementById（'entTime'）.value；
var ExitTime=document.getElementById（'extTime'）.value；
var noOfHours=（入口时间-出口时间）；
document.getElementById（“nh”）.innerHTML=noOfHours；
}
/*函数用于计算停车小时数的付款*/
函数calculateCharge（）{
无功费用=3.50；
var付款=（无小时*费用）；
如果（noOfHours小时数不显示的原因是您正在使用一个输入来显示它，并要求它在innerHTML中显示它，而该输入没有
所以你想要的是给它一个值。
只需在输入html中添加“value=”“”
<input type="number" name="noOfHours" value="" id="nh">

您可能还想更改ExitTime-EntryTime的等式，因为现在它给出的小时数为负数；）看起来您是在要求我们为您编写代码。请提出一个更具体的问题。如果您能提供任何帮助，我们将不胜感激。我主要担心的是，我无法在文本框中显示用户输入的小时数。第二个函数是一个数学混乱tbh…值和方程式与您所说的不匹配你希望他们是。totalPayment不是一个变量，但你尝试给它赋值……我建议重新思考你想要的结果，并在尝试将其变成一个函数之前计算出所需的方程式。目前，这个函数是：如果一个人停留不到3小时，他们的付款将是费用（3,50）第1次、第2次或第3次，介于3,50和10,50之间……这不反映“停车三小时的最低费用为$2.00”。如果超过3小时，则付款为不超过小时数（可以）乘以费用+0,50$…嗯，所以他们将再次收费，每小时3,50+0,50费用？+再次3,50费用乘以3小时？？如果一个人停车5小时，总计18,50$。@salix谢谢你的诚实反馈，我将继续工作。我对Javascript编程是新手。
document.getElementById("nh").value = noOfHours;