如何在单元格中添加内容-Javascript_Javascript_Html Table_Cell

如何在单元格中添加内容-Javascript

javascript

如何在单元格中添加内容-Javascript,javascript,html-table,cell,Javascript,Html Table,Cell,如何在表中的单元格内随机生成内容？我正在做一个游戏，用户有10次尝试。通过这些努力，您应该尝试选择包含键的单元格。每一次失败的尝试，这些都会减少。问题是我不知道如何在单元格中插入脚本随机生成的内容 <html> <meta charset="utf-8"> <head><title>game of the key</title> <style type="text/css"> table { border-co

如何在表中的单元格内随机生成内容？我正在做一个游戏，用户有10次尝试。通过这些努力，您应该尝试选择包含键的单元格。每一次失败的尝试，这些都会减少。问题是我不知道如何在单元格中插入脚本随机生成的内容

<html>
<meta charset="utf-8">
<head><title>game of the key</title>
<style type="text/css"> 
table  
{ 
border-collapse:collapse;
}
td {border: 5px solid maroon;
padding:80px                        
}
</style>
</head>
<body><div align="center">
<table id="table" onclick="clic()">
<tr><td id="1"></td><td id="2"></td><td id="3"></td><td id="4"></td><td id="5"></td></tr>
<tr><td id="6"></td><td id="7"></td><td id="8"></td><td id="9"></td><td id="10"></td></tr>
<tr><td id="11"></td><td id="12"></td><td id="13"></td><td id="14"></td><td id="15"></td></tr>
<tr><td id="16"></td><td id="17"></td><td id="18"></td><td id="19"></td><td id="20"></td></tr> 
<tr><td id="21"></td><td id="22"></td><td id="23"></td><td id="24"></td><td id="25"></td></tr>
</table></div>
</body>
<script>

var attempts = 10;
var key = true;

function clic() 
{

console.log("check");


} 

</script>
</html>


钥匙游戏
桌子
{ 
边界塌陷：塌陷；
}
边界：5px实心褐红色；
填充：80px
}
var=10；
var key=true；
函数clic（）
{
控制台日志（“检查”）；
}

试试：

var cellId = Math.floor(Math.random() * 24 + 1);
document.getElementById(cellId).setAttribute("name", "key");

但是用户只需查看页面的源代码即可找到密钥

检查是否找到钥匙

function clic(e) 
{
    if( attempts <= 0){
        console.log("no more attempts");
        return;
    }
    if( e.target.getAttribute('name') == 'key' ){
       console.log('key found');  
    }
    else{
       console.log('key NOT found'); 
      --attempts;    
    }
}

函数clic（e）
{
如果（尝试嗯，真的很有趣，作为一个控件，所选单元格是否包含键？@user3344186-我已经添加了键的控件。我在jfiddle上尝试了您的示例，但没有效果。如果我尝试单击表的单元格，什么都不会发生。当您在控制台中找到正确的单元格时，将写入key found
您就是r。）真是太好了！你帮了我这么多！祝你过得愉快，再次感谢：）