马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
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>
| 
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2019-8-18 17:19:01
置顶卡
千斤顶
显身卡
楼主
发表于 2019-8-18 19:30:00
