Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用js if语句添加html代码?_Javascript - Fatal编程技术网

Javascript 如何使用js if语句添加html代码?

Javascript 如何使用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

我有这一行代码,只是在学习和练习,想知道出了什么问题,在span with
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”;
}

+
€
-

以下是代码中的问题:

  • onclick属性只能使用一次。如果要执行多个操作,请使用分号“;”。更好的方法是将所有逻辑写在一个函数中。在你的例子中f1()
  • 2)
    document.getElementById('x').value.innerHTML=z分配应该是反向的,因为您希望捕获它。它应该是
    document.getElementById('x').innerHTML
    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>&#8364</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-他的代码中有很多问题。帮助将减轻他的理解任务,他也可以做同样的代码差异。这是正确的-但这个论坛不应该是对其他人的家庭作业帮助-也许如果有什么错误,他们应该知道是什么。答案更新。