更改单元格的颜色和边框onclick HTML

时间:2020-03-24 04:38:49

标签: jquery html web onclick onclicklistener

很快,我只是两天前才开始学习html-所以我知道我的代码可能是糟糕的buuuuuut;

我正在寻找一种方法来更改我的代码(https://jsfiddle.net/povism/o95tysfr/15/)以添加2个功能

我正在寻找的东西:

  • 单击按钮1(在第105行开发):它将提示一个函数“ changeowner()”,该函数将根据数组更改单元1的边框颜色(见第163行): var bordercolors = ["black", "orange", "mediumpurple", "aquamarine", "yellow", "hotpink", "green"]

  • 单击单元格背景(但不单击按钮-例如,在浅灰色区域):它将提示“ changebusiness()”功能,该功能会将单元格的背景从浅灰色默认设置更改为图像在一个数组中(所有jpg): var business = ['3p', '3s', '3t', '4fi', '4fl', '4j', '5d', '5l', '5t', '6a', '6f', '6r']

我认为需要更改的HTML(第105和106行):

        <td id="1" class="bcell"><center><button onclick="changeowner()">1</button></center></td>
        <td id="2" class="bcell"><center><button onclick="changeowner()">2</button></center></td>

底部的脚本(位于第163行):

    var bordercolors = ["black", "orange", "mediumpurple", "aquamarine", "yellow", "hotpink", "green"];



(function () {
            document.getElementById("hidefinal").addEventListener("click", hidefinal);
            document.getElementById("showfinal").addEventListener("click", showfinal);
            document.getElementById("addscores").addEventListener("click", addscores);
            document.getElementById("changeowner").addEventListener("click", changeowner);
        })();

感谢您的帮助!

0 个答案:

没有答案
相关问题