Question

我的javascript需要一些帮助。

我希望每次点击img都能倒计时，我希望图像在某些数字上有所改变，但没有任何效果这是剧本。

在控制台中我得到了这2个错误 Uncaught SyntaxError：意外的标识符未捕获的ReferenceError：未定义点击次数

**Code**

<!DOCTYPE HTML>
<html>
    <head>
    </head>

    <body>
        <script language="javascript">
            var num=1000;
            var end=false;

            function clicks(){
                    negative();
                    bajs();
                    parseInt(document.getElementById("count").innerHTML);
            }

            function negative(){
                if(end==false){
                    num-=1;
                    document.getElementById("count").innerHTML=("<strong style="color:red;">Egg Health:</strong> " + num);
                }

            }

            function bajs()
            {
                if(num==890){
                document.getElementById("pappa").src=("https://dl.dropboxusercontent.com/u/68415431/egg1.png");
                }

                if(num==650){
                document.getElementById("pappa").src=("https://dl.dropboxusercontent.com/u/68415431/egg2.png");
                }

                if(num==490){
                document.getElementById("pappa").src=("https://dl.dropboxusercontent.com/u/68415431/egg3.png");
                }

                if(num==99){
                document.getElementById("pappa").src=("https://dl.dropboxusercontent.com/u/68415431/egg4.png");
                }

                if(num==0){
                document.getElementById("pappa").src=("https://dl.dropboxusercontent.com/u/68415431/toy.png");
                end=true;
                }
            }



        </script>
        <center>

        <div style="width:500px; height:900px; background-color:gold; border-radius:10px;">
            <br>
            <h2><u>Lets eat a kinder egg!</u></h2>
            <br>
            <br>
            <br>
            <span id="count"><strong style="color:red;">Egg Health: </strong>1000</span>
            <br>
            <i style="font-size:10px;">Click da egg</i>
            <br>
            <a href="#" onclick="clicks()"><img id="pappa" src="https://dl.dropboxusercontent.com/u/68415431/egg.png" /></a>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <p>Made by me in 1 second</p>
            </div>
        </center>
    </body>
</html>

Answer 1

你应该把简单的引用或转义为双引号：

document.getElementById("count").innerHTML=('<strong style="color:red;">Egg Health:</strong> ' + num);

Answer 2

虽然Mibou正好在那里我会给你另一个提示通常我会区分我的静态和动态部分。

在你的例子中蛋健康：1000 我修改的唯一部分是JS中的数字，那么为什么要一次又一次地创建整个事物，可能只是处理动态部分并保持静态部分不变。

以下是我在脚本中修改的内容，

在JS中，功能否定

document.getElementById("count").innerHTML = num;

HTML中的

<span><strong style="color:red;">Egg Health: </strong><span id="count">1000</span></span>

快乐编码：）

Javascript错误，有人可以帮帮我吗？

2 个答案: