如何为多个div元素创建单个onclick事件 您所在的位置:网站首页 js创建一个div元素 如何为多个div元素创建单个onclick事件

如何为多个div元素创建单个onclick事件

2023-07-01 10:38| 来源: 网络整理| 查看: 265

我仍然在学习这些东西,但我现在想做的是用HTML、CSS和Javascript创建一个Tic-Tac-Toe游戏。然而,无论我尝试什么,我的onClick事件都无法正确运行。我只想让游戏响应玩家的点击,将点击的瓷砖的标识发送到函数中,这样它就知道要更改哪一个,然后更改瓷砖的图像(要么为零,要么为十字)。

我认为最好的方法是让onClick通过一个不同的论点,这取决于点击瓷砖的id,但是它告诉我,placeTile()没有定义,而且必须有一个比我设想的鸡尾酒更简单的方法。谢谢你提前提供帮助!)

HTML:

Tic-Tac-Toe Player 1: 0 Player 2: 0

Javascript函数:

function placeTile(a){ var tile = document.getElementById(a); if (currentPlayer == 0) { tile.removeClass('emptyTile'); tile.addClass('cross'); currentPlayer = 1; } else { tile.removeClass('emptyTile'); tile.addClass('nought'); currentPlayer = 0; } }

所以,正如您所看到的,我正在以一种迂回的方式执行这个操作,但是onclick事件应该将div的id传递给函数,然后函数只用于对div进行所有必要的更改,并交换当前的播放器。但是这是非常混乱的,我确信如果我能够搞清楚如何使一个javascript函数根据单击的div来做出不同的反应的话,我肯定可以把它清理干净。

哦,我喜欢代码,但我也讨厌它。真的很容易上瘾。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有