新人求助 js

151 阅读1分钟
想实现下面这个功能 

![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2019/8/29/16cdd034123f4a70~tplv-t2oaga2asx-image.image) 

 我的html: 0 <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="a.js" charset="utf-8"></script> <style> div{ width: 200px; height: 200px; background: yellow; } </style> </head> <body> 

 <p>名: <input type="text" name="inp1" value="background"></p> 

 <p>值: <input type="text" name="inp2" value="green"></p>

 <button type="button" name="but1">确定</button>

 <button type="button" name="but2">重置</button> <div> </div> 

 </body> </html>  


我的js: window.onload = function(){ 

 var inp1 =document.getElementsByName("inp1"[0].value; 

 var inp2 = document.getElementsByName("inp2")[0].value; 

 var but1 = document.getElementsByName("but1")[0];

 var div = document.getElementsByTagName("div")[0]; 

 but1.onclick = function(){ 

 div.style.inp1 = inp2; } } 


 第一个功能就没做出来 ε=(´ο`*))) 求解