|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title> JavaScript演示:《中国诗词大会》 </title>
- <script>
- var array=[]
- var set=[]
- var ans="花落知多少".split("")
- var choice="花多又知多时雨少落".split("")
- var code=''
- function cmp(a, b) {
- if(a.length != b.length) return false
- else for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false
- return true
- }
- function opr(a, b) {
- array.push(a)
- set.push(b)
- }
- function callback() {
- if(cmp(array, ans)&&new Set(set).size==ans.length) alert('恭喜您,答对了!\n春晓 李白【唐】\n春眠不觉晓,\n处处闻啼鸟。\n夜来风雨声,\n花落知多少。')
- else alert('对不起,答错了,请重试!')
- array=[];set=[]
- }
- </script>
- </head>
- <body>
- <header>
- <h1> 小测试 </h1>
- <p> 测测看,你能成为《中国诗词大会》的选手吗? </p>
- <p> 操作方法:依次点击写有字的按钮(点错了可以按【撤销】键),组成一句诗词,最后按【提交】键。 </p>
- </header>
- <main>
- <div id="aw"> 1234 </div>
- <button type="button" onclick="array.pop();set.pop()"> 撤销 </button>
- <button type="button" onclick="callback()"> 提交 </button>
- </main>
- <footer>
- <small> 本网页与《中国诗词大会》官方没有任何关系,并不具备选拔功能,仅供娱乐! </small>
- </footer>
- <script>
- for(let i = 0; i < 3; i++) {
- for(let j = 0; j < 3; j++) code += '<button type="button" onclick="opr(' + choice[i * 3 + j] + ', ' + (i * 3 + j) + ')> ' + choice[i * 3 + j] +' </button>\n'
- code += '<br />\n'
- }
- document.getElementById("aw").innerHTML = code
- </script>
- </body>
- </html>
复制代码
执行后div标签内的内容为空,而没有变成指定的内容,这是为什么?
|
|