主页 / 问题 / 972672
Accepted
InstincT
Asked:2020-04-22 22:28:46 +0000 UTC2020-04-22 22:28:46 +0000 UTC

我的代码有效吗？（本地存储，加载，卸载）

  • 772

我的代码有效吗？不能理解。显然不是，但也许我错了。

var progressLine = document.getElementById('progressLine');
localStorage.setItem('progressLineNumberLocal', progressLine.value);

function plus1() {
    progressLine.value += 1;
}

function plus5() {
    progressLine.value += 5;
}

function minus1() {
    progressLine.value -= 1;
}

function minus5() {
    progressLine.value -= 5;
}

function fun1() {
    progressLine.value = localStorage.getItem('progressLineNumberLocal');
}

function fun2() {
    localStorage.setItem('progressLineNumberLocal', progressLine.value);
}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>
            Document
        </title>
    </head>
    <body onload="fun1()" unload='fun2()'>
        <button id='but1' onclick="plus1()">+1</button>
        <button id='but2' onclick="plus5()">+5</button>
        <button id='but3' onclick="minus1()">-1</button>
        <button id='but4' onclick="minus5()">-5</button>
        <br>
        <progress min='0' max='100' value='0' id='progressLine'></progress>
        <script src='script.js'></script>
    </body>
</html>

以及如何解决？我认为您理解此处代码的含义，PROGRESS 中用于增加和减少数字的按钮（并且它有效），但我希望它是当您在条带中键入 50 并退出站点时。再输入一次，这里已经有50分了

javascript

1 个回答

  1. Best Answer
    var progressLine; // = document.getElementById('progressLine');
//localStorage.setItem('progressLineNumberLocal', progressLine.value);
function fun1() {
  progressLine = document.getElementById('progressLine');
  progressLine.value = localStorage.getItem('progressLineNumberLocal');
}

<body onload="fun1()" onunload='fun2()'>
    • 1

相关问题