我正在JS中开发一个民意调查，用户可以一次创建1个请求。现在我想将创建的提案保存到本地存储中，这样每个人都可以看到，它不会随着页面刷新而消失。我知道设计不是很好，或者代码，但是一旦我学会了如何将其保存到本地存储，样式将得到改进
这里是javascript代码
let button= document.getElementById('proposal').addEventListener('click', ()=>{
let req=`<textarea name="pro" id="req" cols="30" rows="10"placeholder='description'></textarea>
<textarea name="pro" id="reqtime" cols="10" rows="5"placeholder='lastdate'></textarea>
<textarea name="pro" id="reqdate" cols="10" rows="5"placeholder='minimum amount'></textarea>`
let form= document.getElementById('request')
form.innerHTML +=req;
})
function createRequest(){
let rdiv= document.getElementById('creq')
let confirmation= document.getElementById('con').addEventListener('click',()=>{
//console.log('hello')
let oreq= document.getElementById('req').value
let qreq= document.getElementById('reqtime').value
let vreq= document.getElementById('reqdate').value
rdiv.innerHTML="<h1>proposals </h1> <br></br>";
rdiv.innerHTML+="Description:"+oreq +"<br></br>";
rdiv.innerHTML+="Last date:"+qreq+"<br></br>";
rdiv.innerHTML+="Minimum abount:"+vreq+"<br></br>";
rdiv.innerHTML+=`Vote<br></br>`
rdiv.innerHTML+=`<input id="yaha"value="0">`
rdiv.innerHTML+=`<button id="ya">yes</button><br></br>`
rdiv.innerHTML+=`<input id="yana"value="0">`
rdiv.innerHTML+=`<button id="na">NO</button>`
let input= document.getElementById('yaha')
let inputn= document.getElementById('yana')
document.getElementById('ya').addEventListener('click',()=>{
input.value= parseInt(input.value)+1
})
document.getElementById('na').addEventListener('click',()=>{
inputn.value= parseInt(inputn.value)+1
})
})
}
createRequest()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dao</title>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
</head>
<body>
<button type="submit" id="proposal">create proposal</button>
<input type="button" value="confirm" id="con">
<br></br>
<div id="request"></div>
<div id="creq"></div>
<script src="dao.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
</body>
</html>
下面是代码
function createRequest(){
let rdiv= document.getElementById('creq')
let confirmation= document.getElementById('con').addEventListener('click',()=>{
//console.log('hello')
let oreq= document.getElementById('req').value
let qreq= document.getElementById('reqtime').value
let vreq= document.getElementById('reqdate').value
rdiv.innerHTML="<h1>proposals </h1> <br></br>";
rdiv.innerHTML+="Description:"+oreq +"<br></br>";
rdiv.innerHTML+="Last date:"+qreq+"<br></br>";
rdiv.innerHTML+="Minimum abount:"+vreq+"<br></br>";
rdiv.innerHTML+=`Vote<br></br>`
rdiv.innerHTML+=`<input id="yaha"value="0">`
rdiv.innerHTML+=`<button id="ya">yes</button><br></br>`
rdiv.innerHTML+=`<input id="yana"value="0">`
rdiv.innerHTML+=`<button id="na">NO</button>`
let input= document.getElementById('yaha')
let inputn= document.getElementById('yana')
var json = {"reqtime":"qreq", "reqdate":"qreq"};
localStorage.setItem('data', json);
localStorage.getItem(json)
document.getElementById('ya').addEventListener('click',()=>{
input.value= parseInt(input.value)+1
})
document.getElementById('na').addEventListener('click',()=>{
inputn.value= parseInt(inputn.value)+1
})
})
var json = {"reqtime":"qreq", "reqdate":"dreq"};
> localStorage.setItem('data', json);
> localStorage.getItem(json)
}