javascript - 我不知道如何将来自 document.write 的输入存储在变量中
问题描述
我要求输入团队名称,因为我正在尝试创建一个程序,该程序将根据分数创建一个表。我必须在 JS 中编写我的输入代码,因为它在 OnClick 函数中。但是,我不了解如何存储用户输入(以变量或其他方式。)
我尝试过诸如将实际的 document.write 存储在变量中的方法。
<!DOCTYPE html>
<html>
<body>
<h1>Soccer Table Generator</h1>
<h3>How Many Teams Would You Like?</h3>
<select id="num_of_teams">
<option value="Select" selected>Select</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<script>
var menu = document.getElementById("num_of_teams");
menu.addEventListener("change", generateData);
function generateData(event) {
if (menu.value == '2') {
alert("You have selected 2 teams. Would you like to proceed?");
document.write ("What is the name of your first team?");
var teamone = document.write ("<input type = 'text' value =
'input here'<input>");
document.write ("What is the name of your second team?");
} else if (menu.value == '3') {
alert("You have selected 3 teams. Would you like to proceed?");
} else if (menu.value == '4') {
alert("You have selected 4 teams. Would you like to proceed?");
}
}
</script>
</body>
</html>
我希望输入存储在一个变量中并打印(当我使用代码来打印它时),但是当我尝试它显示为未定义时。
解决方案
如果您想要一种简单的方式来获取用户输入,您可以使用Window.prompt
. 例如:
let first_team = prompt("What is the name of your first team?");
推荐阅读
- node.js - 将 Loopback3 迁移到 Loopback4 时出现 S2OError
- python - 热图不支持阿拉伯字母
- android - 如何保存包含特殊符号的字符串资源中的条目
- reactjs - 如何在 Reactjs 中使用 cypress 访问 Formik 表单道具
- r - 闪亮的应用程序,警告:最大错误:参数的“类型”(列表)无效
- sql - 如何删除查询结果中的所有逗号 - (我的表中有 300 多列)
- javascript - Nuxt 和 Vue 对 IE11 的支持
- pthreads - pthread_t 什么时候为 0?
- wordpress - 第二个自定义帖子类型没有显示在前端
- c# - 如何在 VsCode 中配置使用 DolphinDB C# API 连接到 DolphinDB 服务器?