我是一个新学的，想让进度条随着点击次数改变，但是进度条没反应不知道哪里出了问题，哪位大能能看一下





今 日 任 务




完 成 今 日 一 级 任 务




完 成 今 日 二 级 任 务




完 成 今 日 三 级 任务




完 成 今 日 四 级 任 务




完 成 今 日 五 级 任 务




完 成 今 日 六 级 任 务




完 成 今 日 七 级 任 务




完 成 今 日 八 级 任 务




完 成 今 日 九 级 任 务




完 成 今 日 十 级 任 务




完 成 今 日 十 级 以 上 任 务


首页

详情

邀请

我的

开始

Button clicks: 0



该回答引用chatgpt:

img

<!DOCTYPE html>
<html>
<head>
    <style>
        #progress-bar {
            width: 300px;
            height: 20px;
            background-color: #f2f2f2;
            border: 1px solid #ccc;
        }
        
        #progress-bar-fill {
            height: 100%;
            background-color: #4caf50;
            width: 0%;
        }
    </style>
</head>
<body>
    <div id="progress-bar">
        <div id="progress-bar-fill"></div>
    </div>
    <button onclick="updateProgressBar()">点击增加进度</button>

    <script>
        var progressBar = document.getElementById("progress-bar-fill");
        var progress = 0;

        function updateProgressBar() {
            if (progress < 100) {
                progress += 10;
                progressBar.style.width = progress + "%";
            }
        }
    </script>
</body>
</html>

你写的都是html静态代码，js脚本呢