Javascript 如何使用js if语句添加html代码?
我有这一行代码,只是在学习和练习,想知道出了什么问题,在span withJavascript 如何使用js if语句添加html代码?,javascript,Javascript,我有这一行代码,只是在学习和练习,想知道出了什么问题,在span withid=“x”中,数字在变化,但是带有if-else语句的JS脚本没有显示文本变化。我希望脚本根据id=“x”中的数字运行到id=“dobre+”的变体 函数f1(){ var z,文本; document.getElementById('x').value.innerHTML=z; 如果(z>1){ text=“点击够了吗?”; }否则{ text=“单击更多”; } document.getElementById('d
id=“x”
中,数字在变化,但是带有if-else语句的JS脚本没有显示文本变化。我希望脚本根据id=“x”
中的数字运行到id=“dobre+”
的变体
函数f1(){
var z,文本;
document.getElementById('x').value.innerHTML=z;
如果(z>1){
text=“点击够了吗?”;
}否则{
text=“单击更多”;
}
document.getElementById('dobre+')。innerHTML+=“text”;
}
+
€
-
以下是代码中的问题:
document.getElementById('x').value.innerHTML=z代码>分配应该是反向的,因为您希望捕获它。它应该是document.getElementById('x').innerHTML如果希望执行数学运算,请尝试将其解析为Number/Int
3) document.getElementById('dobre+').innerHTML+=“text”
在这一行中,不需要连接上一个文本document.getElementById('dobre+')。innerHTML=text代码>文本也是您已初始化的变量,而不是字符串
如果您修复了上述所有问题,那么您的代码应该如下所示,并且可以按预期工作
<!Doctype html>
<head>
<meta charset="UTF-8">
<title> Experimental page</title>
</head>
<body>
<button onclick="document.getElementById('x').innerHTML++;f1()">
+</button>
<span id="x"></span><span>€</span>
<button onclick="document.getElementById('x').innerHTML--;f1()"> -</button>
<span id="dobre+"></span>
<script>
function f1(){
var z, text;
z= document.getElementById('x').innerHTML;
if (z > 1){
text = "Clicked enough?";
} else { text = "Click more";
}
document.getElementById('dobre+').innerHTML= text;
}
</script>
</body>
实验页
+
€
-
函数f1(){
var z,文本;
z=document.getElementById('x').innerHTML;
如果(z>1){
text=“点击够了吗?”;
}否则{text=“单击更多”;
}
document.getElementById('dobre+')。innerHTML=text;
}
您的代码有多处错误。我不知怎么地让你的代码正常工作了,但是有很多不正确的地方你需要知道
onclick
在您的按钮上
应该只设置一次,其中的JS语句需要用分隔代码>
f1
是一个函数,因此为了调用它并使其实际运行,您必须将其称为f1()
使用innerHTML
或innerText
document.getElementById('x').value.innerHTML=z代码>在span+上没有.value
您正在将z
的值分配给innerHTML
您应该做相反的操作
您需要检查代码,检查JavaScript控制台,查找错误,然后尝试先修复它。代码中有太多错误。HTML和JS是非常常用的,它们对这些错误已经变得非常有弹性,所以它仍然只是运行,但是如果您添加越来越多的代码,并且出现错误,那么调试将非常困难。最好尽早从好的代码开始。我认为这是由于缺乏解释。@DeepakKamat-他的代码中有很多问题。帮助将减轻他的理解任务,他也可以做同样的代码差异。这是正确的-但这个论坛不应该是对其他人的家庭作业帮助-也许如果有什么错误,他们应该知道是什么。答案更新。