Question

我正在尝试为正在创建的棋盘游戏设计一个简单的伴侣界面。您如何请求用户输入，然后使用新输入更新变量并显示新结果？即。 “你打几号？” ->“您现在在[此]空间。”

对不起，我对编码非常陌生...这是我最近的编码

<var space = 1>


<button onclick="mySpaceNumber()">Die Roll</button>

<p id="demo"></p>

<script>
function mySpaceNumber() {
var dieroll = prompt("What did you roll?", "Enter Value");
if (dieroll != null) {
document.getElementById("demo").innerHTML =
"You are now on " + function mySpace  ;

function mySpace(){
    'space'= 'space'+ 'dieroll'
    space
}
}
}
</script>

Answer 1

if (dieroll != null) {-如果未输入内容，则该字段将始终不为null。原因是它是未定义的，而不是NULL。这是两件事。 Null是实际值。如果声明了变量，但是没有给它赋值，则它变得不确定。话虽如此，我将在此行if (dieroll !== "undefined)"

关于'space'= 'space'+ 'dieroll' 我不会在变量的NAME中添加任何撇号，这是在声明字符串时要执行的操作。

关于此：您将希望将代码放在一行上。从： document.getElementById（“ demo”）。innerHTML = “您现在在” +功能mySpace; 至： document.getElementById("demo").innerHTML = "You are now on " + mySpace();

变量space是未定义的，您尚未对其进行初始化或为其指定值。为此，我们需要在var space=0;

中添加它

最后，我看不到您的HTML，因此不确定变量空间应引用哪个元素。如果是其他盒子或其他东西，则可以删除var space=0;并通过选择所需元素来获取值。不知道那将是什么，或者您的html看起来如何，我无法进一步推测。

话虽如此，这就是我们的位置。

function mySpaceNumber() {
var dieroll = prompt("What did you roll?", "Enter Value");
if (dieroll !== "undefined") {
document.getElementById("demo").innerHTML = "You are now on " + mySpace();
function mySpace(){
    var space=0;
    space = space + dieroll;
    return space
}
}
}

然后转到HTML 这是无效的。

代码段

function mySpaceNumber() {
	var dieroll = prompt("What did you roll?", "Enter Value");
		if (dieroll !== "undefined") {
		document.getElementById("roll").value = dieroll;
		document.getElementById("demo").innerHTML = "You are now on " + mySpace();


	}
			function mySpace(){
				result = getSpace();
			return result;
			}
			function getSpace(){
				gs1 = +document.getElementById('quantity').value + +document.getElementById('roll').value
				return gs1;
			}
			document.getElementById('quantity').value = +document.getElementById('quantity').value + +document.getElementById('roll').value
}

function resetSpace(){
document.getElementById('quantity').value = '1';
}

<div>Roll:
<input type="number" id="roll" name="roll" style="width: 50px;" />
Current Space:
<input type="number" id="quantity" name="quantity" value="1" style="width: 50px;" />
</div>

<button onclick="mySpaceNumber()">Die Roll</button>
<button id="reset" onclick="resetSpace()">reset</button>

<div id="demo"></div>

如何将用户输入存储为变量？

1 个答案:

代码段