Изменить цвет и границу ячеек по клику HTML - PullRequest
Новая
       46

Изменить цвет и границу ячеек по клику HTML

0 голосов
/ 24 марта 2020

Просто быстро, я только начал изучать html 2 дня go - поэтому я знаю, что мой код, вероятно, ужасен buuuuuut;

Я ищу способ изменить мой код ( https://jsfiddle.net/povism/o95tysfr/15/), чтобы добавить 2 функции

Что я ищу:

  • Нажмите на кнопку 1 (разработано в строке 105): это вызовет функцию «changeowner ()», которая изменит цвет границы ячейки 1 на основе массива (видно в строке 163): var bordercolors = ["black", "orange", "mediumpurple", "aquamarine", "yellow", "hotpink", "green"]

  • Нажмите на фон ячейки (но не на кнопке - ie. в области lightgray): она предложит функцию changebusiness (), которая изменит фон ячейки с lightgray по умолчанию на изображение в массиве (все jpgs): 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);
        })();

Спасибо за помощь!

...