为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用 html table 和 javascript 构建危险游戏?

如何使用 html table 和 javascript 构建危险游戏?

互换的青春 2021-05-30 13:55:21
我的目标是使用 HTML 和 Javascript 开发一个在线危险游戏网站。我试图将每个表格单元格与下注金额链接到一个询问问题的小弹出窗口。我已经使用 HTML 表格创建了背景游戏板。<body><table><tr><td colspan=5><h1>Biomedical Blazer!</h1> </td></tr><tr>        <td><h1> 1 </h1></td>        <td><h1> 2 </h1></td>        <td><h1> 3 </h1></td>        <td><h1> 4 </h1></td>        <td><h1> 5 </h1></td></tr><tr>        <td id="1cat500"><h1> $500 </h1></td>        <td id="2cat500"><h1> $500 </h1></td>        <td id="3cat500"><h1> $500 </h1></td>        <td id="4cat500"><h1> $500 </h1></td>        <td id="5cat500"><h1> $500 </h1></td></tr><tr>        <td id="1cat400"><h1> $400 </h1></td>        <td id="2cat400"><h1> $400 </h1></td>        <td id="3cat400"><h1> $400 </h1></td>        <td id="4cat400"><h1> $400 </h1></td>        <td id="5cat400"><h1> $400 </h1></td></tr><tr>        <td id="1cat300"><h1> $300 </h1></td>        <td id="2cat300"><h1> $300 </h1></td>        <td id="3cat300"><h1> $300 </h1></td>        <td id="4cat300"><h1> $300 </h1></td>        <td id="5cat300"><h1> $300 </h1></td></tr><tr>        <td id="1cat200"><h1> $200 </h1></td>        <td id="2cat200"><h1> $200 </h1></td>        <td id="3cat200"><h1> $200 </h1></td>        <td id="4cat200"><h1> $200 </h1></td>        <td id="5cat200"><h1> $200 </h1></td></tr><tr>        <td id="1cat100"><h1> $100 </h1></td>        <td id="2cat100"><h1> $100 </h1></td>        <td id="3cat100"><h1> $100 </h1></td>        <td id="4cat100"><h1> $100 </h1></td>        <td id="5cat100"><h1> $100 </h1></td></tr>我无法将 Javascript 上的 onClick 方法与单个单元格 ID 相关联。
查看完整描述

2 回答

?
GCT1015

TA贡献1827条经验 获得超4个赞

const cell = document.querySelector('#1cat500');


cell.addEventListener('click', e => {

   // stuff in here

});


查看完整回答
反对 回复 2021-06-03
?
哆啦的时光机

TA贡献1779条经验 获得超6个赞

使用 Modal 弹出提问窗口。

将问题放在 json 文件中,并利用 javascript 的 fetch 方法读取 json 文件并获取问题。


查看完整回答
反对 回复 2021-06-03
  • 2 回答
  • 0 关注
  • 139 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信