制作這個(gè)js實(shí)例，主要考驗(yàn)布局的使用和js原生的使用。
dome地址 ??laihuamin.github.io/jsExample/html/third7.html
布局（grid）推薦文章
blog.csdn.net/hj7jay/article/details/70670467
1、一個(gè)按鈕群組中加入18個(gè)按鈕。
html
2、將容器屬性定義為grid，之后將其分成4列和5行。
列間距：20px ?行間距：15px
btngroup：css樣式
3、對(duì)按鈕設(shè)置整體樣式
button樣式
3、對(duì)個(gè)別按鈕進(jìn)行整改，比如0和=按鈕。
0和=按鈕
4、整體的格局如圖
計(jì)算器
代碼
1、先獲取按鈕的dom元素和顯示屏內(nèi)容塊的dom元素。
dom元素
2、在設(shè)置按鈕的全部功能
使用switch語(yǔ)句進(jìn)行選擇，然后將組合的字符串傳給計(jì)算函數(shù)。
按鈕功能
3、計(jì)算函數(shù)
先使用正則匹配將數(shù)字和字符分到兩個(gè)數(shù)組。
再將switch函數(shù)將運(yùn)算符進(jìn)行的操作分類，并作相應(yīng)計(jì)算，最后將結(jié)果返回。
