javascript - 获取表单的值并使用它们在 Javascript 中进行比较

标签 javascript jquery html css variables

我正在尝试创建一个基于 HTML 的游戏。游戏应该使用 或 标签来接受来自用户的数据。然后我想将输入的数据分配给 Javascript 中的变量以进行比较。然后比较将用于更改页面,将游戏的下一部分显示出来。我如何将用户输入的输入值分配给 Javascript 变量进行比较?

我的想法是这样的:

function(){
    document.getElementByID("submit");

}

适用于这种情况,但我不确定。

我已有的代码相当简单,如您所见:Fiddle

我是 JS/jQuery 的新手,如果这个问题非常容易回答,请原谅我!

最佳答案

有很多方法可以做到这一点。

您的方法似乎是使用按钮说“现在阅读我的输入”。

在这种情况下,您可以向按钮添加事件处理程序以读取其中的内容。

请参阅以下内容:

<h3>You've entered a dungeon. Do you want to CONTINUE or EXIT?</h3>
<div id="actionInterface">
    <input type="text" id="myInput" value="User"/>
    <button id="clickMe">Enter Option</button>
</div>
<script>
    var myVar;
    $("#clickMe").click(function(){
        myVar = $("#myInput").val();    
        alert(myVar);
    });
</script>

关于javascript - 获取表单的值并使用它们在 Javascript 中进行比较,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21487390/

相关文章:

Javascript 从月份和年份字符串中获取新日期

javascript - opacity fade 仅适用于 Debug模式

jquery - 从 jQuery 对象中的输入中获取已检查的输入

html - 如何更改 HTML 元素的位置?

Javascript:为多个音频播放器和淡入淡出效果调整脚本

jquery - 带有 JQuery 的菜单中的 CSS Sprites 问题

javascript - 创建 img 元素并附加到 dom 没有终止

javascript - Backbone 路由器不适用于 requirejs

jquery - 使用 jquery 从 ajax 响应获取 Http 状态代码

javascript - 异步/等待与 Promise