Javascript HTML按钮点击计数_Javascript

Javascript HTML按钮点击计数

javascript

Javascript HTML按钮点击计数,javascript,Javascript,我做了一个无限的游戏，我想计算点击次数。我什么都试过了，但都没用。我是编程新手，但我现在喜欢它。请有人帮帮我！这是代码（2件事：1.抱歉我的英语不好；2.我试图以最好的方式复制代码，但这并没有显示所有内容）： .按钮{ 背景色：红色；浮动：中心；宽度：200px；高度：200px；左边距：自动；右边距：自动；显示：块；边缘顶部：300px；利润底部：0%； } .身体{ 背景颜色：黄色； } 尼奥姆梅格！ var计数=0； var a=真； var gomb=document.

我做了一个无限的游戏，我想计算点击次数。我什么都试过了，但都没用。我是编程新手，但我现在喜欢它。请有人帮帮我！这是代码（2件事：1.抱歉我的英语不好；2.我试图以最好的方式复制代码，但这并没有显示所有内容）：


.按钮{
背景色：红色；
浮动：中心；
宽度：200px；
高度：200px；
左边距：自动；
右边距：自动；
显示：块；
边缘顶部：300px；
利润底部：0%；
}
.身体{
背景颜色：黄色；
}
尼奥姆梅格！
var计数=0；
var a=真；
var gomb=document.getElementById（“gomb”）；
var body=document.getElementById（“body”）；
gomb.onclick=函数（）{
如果（a==true）{
gomb.style.background=“黄色”；
gomb.innerHTML=“Na még egyszer！”；
body.style.background=“红色”；
a=假；
}否则{
gomb.style.background=“红色”；
body.style.background=“黄色”；
a=真；
}
};
函数myFunction（）{
如果（计数=5）{
gomb.style.display=“无”
}否则{
计数=计数+1；
};
}

尝试更改代码：

window.addEventListener：这有助于重新排列代码，以便在加载页面时单击事件并分配变量

使用addEventListener将事件附加到html元素

给尸体一个id和名字是没有用的

var计数=0；
var a=真；
var gomb；
变异体；
window.addEventListener（'load'，函数（e）{
gomb=document.getElementById（“gomb”）；
body=document.getElementsByTagName（'body'）[0]；
gomb.addEventListener（'click'，函数（e）{
如果（a==true）{
gomb.style.background=“黄色”；
gomb.innerHTML=“Na még egyszer！”；
body.style.background=“红色”；
a=假；
}
其他的
{
gomb.style.background=“红色”；
body.style.background=“黄色”；
a=真；
}
});
});
函数myFunction（）{
如果（计数=5）{
gomb.style.display=“无”
}
其他的
{
计数=计数+1；
};
}

。按钮{
背景色：红色；
浮动：中心；
宽度：200px；
高度：200px；
左边距：自动；
右边距：自动；
显示：块；
边缘顶部：300px；
利润底部：0%；
}
身体{
背景颜色：黄色；
}

Nyomj梅格那么有什么问题，没有显示计数？计数没有正确递增？你期望的结果是什么。？
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <style type=text/css>
            .button {
                background-color: red;
                float: center;
                width: 200px;
                height: 200px;
                margin-left: auto;
                margin-right: auto;
                display: block;
                margin-top: 300px;
                margin-bottom: 0%;
            }

            .body {
                background-color: yellow;
            }

        </style>
    </head>

    <body class="body" id="body">
        <button onclick="myFunction()" class="button" style="font-size:50px" ; id="gomb">Nyomj meg!</button>
        <script>
            var count = 0;
            var a = true;
            var gomb = document.getElementById("gomb");
            var body = document.getElementById("body");

            gomb.onclick = function() {
                if (a == true) {
                    gomb.style.background = "yellow";
                    gomb.innerHTML = "Na még egyszer!";
                    body.style.background = "red";
                    a = false;
                } else {
                    gomb.style.background = "red";
                    body.style.background = "yellow";
                    a = true;
                }
            };

            function myFunction() {
                if (count == 5) {
                    gomb.style.display = "none"
                } else {
                    count = count + 1;
                };
            }
        </script>
    </body>
</html>