Fatal编程技术网
  • javascript/
  • Javascript，不保存到本地存储

Javascript，不保存到本地存储

javascript jquery

Javascript，不保存到本地存储,javascript,jquery,Javascript,Jquery,我遇到了一个小问题，我试图将输入字段“a1”的值保存到localstorage中，但由于某些原因，它无法保存。我似乎不知道问题出在哪里 感谢您的帮助 修复：将脚本放在底部。 <!DOCTYPE html> <html> <head> <script src="jquery.js"></script> <script> document.getElementById('a1').onke

我遇到了一个小问题，我试图将输入字段“a1”的值保存到localstorage中，但由于某些原因，它无法保存。我似乎不知道问题出在哪里

感谢您的帮助

修复：将脚本放在底部。

    <!DOCTYPE html>
<html>
<head>
    <script src="jquery.js"></script>
    <script>
        document.getElementById('a1').onkeyup = function() {
            var a1 = document.getElementById('a1').value;
            localStorage.setItem('a1', a1);
        };
    </script>
    <link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>

<div class="box">
    <div class="title">Kalkulator</div>
    <div class="text">Antal kvadratmeter: <input class="input-field" id="a1" type="text" value="0" /> m2</div> <---- HERE
    <div class="text">Kantklipp rundt plenen? (+3.00kr per m): <input class="input-field" id="a2" type="text" value="0" /> m</div>
    <div class="text">Gjødsel? (+1.00kr per kvm) <input class="input-field2" type="checkbox" name="checkbox" id="checkbox_check2"></div>
    <div class="text">Mosefjerning? (+2.00kr per kvm) <input class="input-field2" type="checkbox" name="checkbox" id="checkbox_check3"></div>
    <div class="text">Pris (kr) <input class="input-field3" id="a4" type="text" value="0.00" /></div>
    <div class="text2">Obs! Minstepris på 300kr.</div>
    <div class="tilbud-knapp">Legg til i tilbuds liste</div>
    <div class="border"></div>
</div>


document.getElementById（'a1'）。onkeyup=function（）{
var a1=document.getElementById（'a1'）。值；
localStorage.setItem（'a1'，a1）；
};
卡拉托

Antal kvadratmeter:m2将代码放在页面底部。它在呈现元素之前运行，这意味着事件无法注册到元素

破碎的：




document.getElementById（'a1'）。onkeyup=function（）{
var a1=document.getElementById（'a1'）。值；
localStorage.setItem（'a1'，a1）；
};

@Carcigenicate，我现在第一次看到这个，控制台（索引）中的错误：6未捕获类型错误：无法将属性“onkeyup”设置为null。愚蠢的我，谢谢。就这么忘了：P