gpt4 book ai didi

javascript - 在 Javascript 中使用用户输入作为变量?

转载 作者:行者123 更新时间:2023-12-02 13:47:19 27 4
gpt4 key购买 nike

我正在尝试制作一个示例网页,要求用户输入一个整数,如果它在1到12之间,它将返回相应的圣诞节日期(圣诞节的第8天:8个女佣挤奶等)

我对 javascript 不太有经验,但我不知道有任何其他方法可以使程序在 html 中运行。遗憾的是,Python 不是一个选择。我在尝试收集用户提供的整数作为网页随后显示的变量时陷入困境。我的代码如下。非常感谢任何帮助或建议。

<!>
<html>
<head>
<title> Merry Christmas! </title>
</head>
<body>
<input type="number" id="inputfield1" name="inputfield1" />
<input type="submit" id="Submit" text="Submit" onclick="compute()" />
<script type = "text/javascript">

function compute(){
var cday = document.getElementByName("inputfield1");
document.write(cday);
}
</script>
</body>
</html>

最佳答案

您的页面的问题是您需要根据输入的 ID 获取输入的值。

var cday = document.getElementById("inputfield1").value;

更好的解决方案是向您的输入添加事件监听器。 onclick 属性并不是当今的最佳实践,事件监听器是更广泛接受的解决方案。这是一个例子:

<!DOCTYPE html>
<html>
<body>

<input type="number" id="inputInteger" />
<input type="submit" id="btnSubmit" text="Submit" />

<p id="result"></p>

<script type = "text/javascript">
// Event Listener that Runs "Compute()" on a Click
document.getElementById("btnSubmit").addEventListener("click", compute);

// Gets Input Value and Displays it in a <p>
function compute() {
var day = document.getElementById("inputInteger").value;
document.getElementById("result").innerHTML = day;
}
</script>
</body>
</html>

关于javascript - 在 Javascript 中使用用户输入作为变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41285431/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com