JavaScript中的代码未读取输入

我的JS表单有问题。所以我正在创建一个变化计算器，它接受两个输入值——价格和现金。当我明确地在JS代码中输入实际值时（就像我在confirmValues（）之后注释掉的值），它工作得很好。但是当我把它放到实际的输入框中时，它就不再工作了。我的HTML或JS有什么奇怪的地方吗？谢谢

兑换计算器
这个东西多少钱？



你有多少现金

var itemCost=document.getElementById（“价格”）；
var cash=document.getElementById（“现金”）；
var确认=document.getElementById（“确认”）；
功能确认项（）{
confirmation.innerHTML=“您的总购买成本为$”+itemCost.value+”，您有$“+cash.value+”可以支付。”；
createConfirmationBtn（）；
}
函数createConfirmationBtn（）{
let confirmationBtn=document.createElement（“按钮”）；
const confirmationBtnText=document.createTextNode（“确认”）；
确认btn.appendChild（确认btntext）；
确认。追加子项（确认BTN）；
confirmationBtn.onclick=函数（）{
确认值（）；
}
}
让changeEl=document.getElementById（“change”）；
函数confirmValues（）{
如果（parseFloat（cash.value）0）{
如果（余数>=100）{
findChange（100.00）；
}否则如果（余数>=50.00）{
findChange（50.00）；
}否则如果（余数>=20.00）{
findChange（20.00）；
}否则如果（余数>=10.00）{
findChange（10.00）；
}否则如果（余数>=5.00）{
findChange（5.00）；
}否则如果（余数>=1.00）{
findChange（1.00）；
}否则如果（余数>=0.25）{
findChange（0.25）；
}否则如果（余数>=0.10）{
findChange（0.10）；
}否则如果（余数>=0.05）{
findChange（0.05）；
}否则{
findChange（0.01）；
}
}
changeEl.innerHTML=finalOutput；
}
函数findChange（值）{
//步骤1.获取每种美元类型的美元数
设dValue=parseInt（余数/值）；
//步骤2.在数组中存储numDValue
finalOutput.push（“[$”+value+“x”+dValue+“]”）；
余数=parseFloat（余数-（值*dValue））；
余数=parseFloat（余数.toFixed（2））；
}

您需要将变量放在需要它们的函数中，否则它们将无法接收用户输入的内容

您可以显示和隐藏确认按钮

干，不要重复你自己

函数confirmValues（）{
让itemCost=document.getElementById（“价格”）.value；
让cash=document.getElementById（“cash”）.value；
const confirmation=document.getElementById（“确认”）；
const changeEl=document.getElementById（“变更”）；
const confirm=document.getElementById（“confirm”）；
cash=isNaN（cash）| cash==“”？0:+cash；//测试有效输入
itemCost=isNaN（itemCost）| itemCost==“”？0:+itemCost；
如果（现金<项目成本）{
changeEl.innerHTML=“现金不足”；
}否则{
confirmation.innerHTML=“您的总购买成本为$”+itemCost.toFixed（2）+”，并且您有$“+cash.toFixed（2）+”来支付它。”；
changeEl.innerHTML=“您的更改为$”+（现金-项目成本）；
确认。类列表。删除（“隐藏”）；
}
}

.hide{
显示：无；
}

更改计算器
这个东西多少钱？


你有多少现金

您需要将变量放在需要它们的函数中，否则它们将无法接收用户输入的内容

您可以显示和隐藏确认按钮

干，不要重复你自己

函数confirmValues（）{
让itemCost=document.getElementById（“价格”）.value；
让cash=document.getElementById（“cash”）.value；
const confirmation=document.getElementById（“确认”）；
const changeEl=document.getElementById（“变更”）；
const confirm=document.getElementById（“confirm”）；
cash=isNaN（cash）| cash==“”？0:+cash；//测试有效输入
itemCost=isNaN（itemCost）| itemCost==“”？0:+itemCost；
如果（现金<项目成本）{
changeEl.innerHTML=“现金不足”；
}否则{
confirmation.innerHTML=“您的总购买成本为$”+itemCost.toFixed（2）+”，并且您有$“+cash.toFixed（2）+”来支付它。”；
changeEl.innerHTML=“您的更改为$”+（现金-项目成本）；
确认。类列表。删除（“隐藏”）；
}
}

.hide{
显示：无；
}

更改计算器
这个东西多少钱？


你有多少现金

让余数=parseFloat（cash.value）-parseFloat（itemCost.value）在脚本加载时执行，此时这些字段中还没有值。在用户将值放入这些字段后，您需要从这些字段中读取数据。您需要将变量放入函数
let rements=parseFloat（cash.value）-parseFloat（itemCost.value）中在脚本加载时执行，此时这些字段中还没有值。在用户将值放入这些字段后，您需要从这些字段中读取数据。您需要将变量放入函数中。这不是我想要的。我希望兑换的是美元纸币和硬币。但是谢谢你的提示