题解 | #购物面板#
购物面板
https://www.nowcoder.com/practice/1448469386f746f5941db2712372f373
{"html":"<!DOCTYPE html>\r\n<html>\r\n <head>\r\n <meta charset=utf-8>\r\n </head>\r\n <body>\r\n \t<table>\r\n <thead>\r\n <caption>\r\n 商品\r\n </caption>\r\n </thead>\r\n <tbody>\r\n <tr>\r\n <td>炸鸡</td>\r\n <td>28元</td>\r\n <td><button id=\"zjtaiduola\">-</button></td>\r\n <td><span id=\"zjsl\">0</span></td>\r\n <td><button id=\"zjtaishaola\">+</button></td>\r\n </tr>\r\n <tr>\r\n <td>可乐</td>\r\n <td>5元</td>\r\n <td><button id=\"kltaiduola\">-</button></td>\r\n <td><span id=\"klsl\">0</span></td>\r\n <td><button id=\"kltaishaola\">+</button></td>\r\n </tr>\r\n <tr>\r\n <td>总价:</td>\r\n <td><span id=\"total\">0</span></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n \r\n <script type=\"text/javascript\">\r\n // 补全代码\r\n document.querySelector('#zjtaiduola').onclick = function zjtaiduolaClick() {\r\n\t\tif (document.querySelector('#zjsl').innerHTML == 0) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tdocument.querySelector('#zjsl').innerHTML--\r\n\t\ttotalsl()\r\n\r\n\t}\r\n\tdocument.querySelector('#zjtaishaola').onclick = function zjtaishaolaClick() {\r\n\t\tdocument.querySelector('#zjsl').innerHTML++\r\n\t\ttotalsl()\r\n\t}\r\n\tdocument.querySelector('#kltaiduola').onclick = function kltaiduolaClick() {\r\n\t\tif (document.querySelector('#klsl').innerHTML == 0) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tdocument.querySelector('#klsl').innerHTML--\r\n\t\ttotalsl()\r\n\t}\r\n\tdocument.querySelector('#kltaishaola').onclick = function kltaishaolaClick() {\r\n\t\tdocument.querySelector('#klsl').innerHTML++\r\n\t\ttotalsl()\t\r\n\t}\r\n\r\n\tfunction totalsl() {\r\n\t\tdocument.querySelector('#total').innerHTML = document.querySelector('#zjsl').innerHTML * 28 + document.querySelector('#klsl').innerHTML * 5\r\n\t}\r\n </script>\r\n </body>\r\n</html>","css":"/* html, body {\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\tpadding: 0;\\n} */","js":"// 请在这里输入代码"}