Javascript 如何根据用户设置默认值'；s先前的值_Javascript_Default Value

Javascript 如何根据用户设置默认值'；s先前的值

javascript

Javascript 如何根据用户设置默认值'；s先前的值,javascript,default-value,Javascript,Default Value,我希望有一个基于用户之前输入的默认值。例如，如果在输入中输入“5”，我希望在刷新页面时看到该输入的值为5，但如果输入6，我希望默认值为6。谢谢（我是乞丐）使用本地：下面是我很快想出的一个更实际的例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Local Storage Exampl

我希望有一个基于用户之前输入的默认值。例如，如果在输入中输入“5”，我希望在刷新页面时看到该输入的值为5，但如果输入6，我希望默认值为6。谢谢（我是乞丐）

使用本地：

下面是我很快想出的一个更实际的例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Local Storage Example</title>

    <script type="text/javascript">
        function setLocalStorageValue()
        {
            let myNumberInputField = document.getElementById('myNumberInput');
            let myNewValue = myNumberInputField.value;

            let localStorage = window.localStorage;
            localStorage.setItem('defaultValue', myNewValue);
        }

        function getLocalStoredValue()
        {
            let localStorage = window.localStorage;
            let defaultValue = localStorage.getItem('defaultValue');

            let myNumberInputField = document.getElementById('myNumberInput');
            myNumberInputField.value = defaultValue;
        }
    </script>
</head>
<body onload="getLocalStoredValue()">
<label>My Number Input
    <input type="number" id="myNumberInput" value="0" onchange="setLocalStorageValue()">
</label>
</body>
</html>


本地存储示例
函数setLocalStorageValue（）
{
让myNumberInputField=document.getElementById（'myNumberInput'）；
让myNewValue=myNumberInputField.value；
让localStorage=window.localStorage；
setItem（'defaultValue'，myNewValue）；
}
函数getLocalStoredValue（）
{
让localStorage=window.localStorage；
让defaultValue=localStorage.getItem（'defaultValue'）；
让myNumberInputField=document.getElementById（'myNumberInput'）；
myNumberInputField.value=默认值；
}
我的号码输入

这回答了你的问题吗？请注意，我是如何在相关输入的onchange事件上写回本地存储的，并且当html主体加载时，我从本地存储读取数据。

您应该保存它并从某处还原它。我建议您看看localstorageWelcome to Stack Overflow！请访问，采取的，看看什么和。做一些研究，搜索相关话题等；如果您遇到问题，请发布您的尝试，并使用记录输入和预期输出。您知道javascript中的事件是如何工作的吗？我不知道为什么人们会记下您。你问了一个公平的问题——得到了一个有用的（对你和其他人来说）回答。感谢您“接受”您的回复之一！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Local Storage Example</title>

    <script type="text/javascript">
        function setLocalStorageValue()
        {
            let myNumberInputField = document.getElementById('myNumberInput');
            let myNewValue = myNumberInputField.value;

            let localStorage = window.localStorage;
            localStorage.setItem('defaultValue', myNewValue);
        }

        function getLocalStoredValue()
        {
            let localStorage = window.localStorage;
            let defaultValue = localStorage.getItem('defaultValue');

            let myNumberInputField = document.getElementById('myNumberInput');
            myNumberInputField.value = defaultValue;
        }
    </script>
</head>
<body onload="getLocalStoredValue()">
<label>My Number Input
    <input type="number" id="myNumberInput" value="0" onchange="setLocalStorageValue()">
</label>
</body>
</html>