需要基本HTML和JavaScript项目的帮助吗_Javascript_Html

需要基本HTML和JavaScript项目的帮助吗

javascript html

需要基本HTML和JavaScript项目的帮助吗,javascript,html,Javascript,Html,我想做一个网页，当你点击时，它会增加一个点。我还希望，当选中复选框时，每次单击都会增加5分。我尝试了此代码，但似乎不起作用： <!DOCTYPE html> <html> <head> <title>Click to add points!</title> <script type="text/javascript"> var hey = 3;

我想做一个网页，当你点击时，它会增加一个点。我还希望，当选中复选框时，每次单击都会增加5分。我尝试了此代码，但似乎不起作用：

    <!DOCTYPE html>
    <html>
        <head>
        <title>Click to add points!</title>
        <script type="text/javascript">
        var hey = 3;
        var points = 0;
        function addPoint(number)
        {   
        points = points + number;
        document.getElementById("points").innerHTML = points;
        };  
        function checkBox()
        {
        var chkBox = document.getElementById("extraPoints").checked;
        }
        </script>
        </head>
        <html onclick="
        checkBox();
        if (chkBox == true)
        {
        addPoint(5);
        }
        else
        {
        addPoint(1);
        }">
        <body>
        <p align="center">Points: <span id="points">0</span></p>
        <p align="center"><input type="checkbox" id="extraPoints" /></p>
        <p id="writeHere"></p>
        </body>
    </html>


点击添加积分！
var=3；
var点=0；
功能添加点（编号）
{   
点数=点数+数量；
document.getElementById（“points”）.innerHTML=points；
};  
函数复选框（）
{
var chkBox=document.getElementById（“extraPoints”）。已选中；
}
点：0

我还想指出，我不能使用jQuery。

提前感谢。

您可以将添加部分移动到

复选框中

函数添加点（编号）{
点数=点数+数量；
document.getElementById（“points”）.innerHTML=points；
};
函数复选框（）{
var chkBox=document.getElementById（“extraPoints”）。已选中；
添加点（chkBox？5:1）；
}
var=3；
var点=0

点：0

使用以下方法
注意：您可以根据需要调整添加的点

var points=0，//初始值
elem=document.getElementById（'points'），//获取保存该值的范围
box=document.getElementById（'extraPoints'）//获取复选框
document.addEventListener（'click'，function（）{//在整个文档上添加click事件
box.checked？点数+=5：点数+=1//如果选中复选框，则添加+5-如果未选中，则添加+1
elem.innerHTML=points；//实现跨度中的值
});
点：0

你帮了我很多忙！非常感谢。嗨，狗狗，你好吗doin@BartekPacia哈哈，你觉得怎么样this@doggo很高兴看到我在三年里走了这么远。至少你停止使用“var”