1、先建好哈希表存好信息
2、然后js用createElement,appendChild,textContent把信息加好到HTML里面
3、然后監(jiān)聽鍵盤事件

document.onkeypress=function (dd){
      在dd里面找到我們要的發(fā)生的某個(gè)信息，即我們按的是那個(gè)鍵
}

4、網(wǎng)址可以修改
注意buttonx這里是個(gè)容器，不能用它獲得本次鼠標(biāo)點(diǎn)擊信息

buttonx.onclick=function（ss）{
      ss.target//我才是真正的現(xiàn)取現(xiàn)用
}

5、修改就算刷新了也保存
localStorage

6、美化css
className=‘xxx’
xxx在css寫好

background:linear-gradient(to bottom,red 0%，black 100%)；
border-radius：。。。
box-shadow：這里有幾層

main{
height:100vh;//viewport height,視口高度一樣高
}
rgba（255，255，255，0.2）透明白

7、帶好網(wǎng)頁標(biāo)識(shí)小圖
對應(yīng)網(wǎng)頁下取/favicon.ico

if(hash[row[index2]]){
  img.src='http://'+hash[row[index2]]+'/favicon.ico'
}else{
    img.src='圖床上面上傳一個(gè)小圖片'
}
img.onerror=function(s){
    s.target.src='http://'+hash[row[index2]]+'/favicon.ico'
}

8、能編輯網(wǎng)址，也要加上修改小圖片的功能
button標(biāo)簽的內(nèi)容修改引起了img的修改，而img是button的哥哥標(biāo)簽，怎么找哥哥吶，谷歌js get prev brother，發(fā)現(xiàn)用

img2 = button2.previousSibling

9、封裝讓代碼更美觀
初始化數(shù)據(jù)，生成鍵盤，監(jiān)聽鍵盤