How can I change the background-color of <td> whenever I click on that?

Answer 1

[...document.getElementsByTagName("td")].forEach(td => td.addEventListener("click", e => e.target.style.background= "red"))

https://code.sololearn.com/WV806eog003Y/?ref=app

Answer 2

Calviղ nice bro but could you please simplify the code
I am having trouble in understanding jquery code

Answer 3

<td onclick="colour ()" id="td">
Some text
</td>
<script>
function colour (){
document.getElementById('td').style. backgroundColor='red';}
</script>

Answer 4

Calviղ I mean ECMAScript6

Answer 5

marjel101 as you wish

Answer 6

on Click change style :color=red

Answer 7

Shreyansh It is not jQuery codes, it's javascript code. Please restudy your javascript course.

Answer 8

Shreyansh The code of Calviղ uses arrow functions, which I am also not very used to.
Maybe you understand it better in this form:
https://code.sololearn.com/WnNb5I2oi8Yl/?ref=app

Answer 9

Shreyansh You dont need to mark my answer as best, it’s still Calviղ ‘s code 😶

Answer 10

marjel101 Thanks for showing the simple way of the javascript code.

Answer 11

$(function(){
$("td").on("click", function(){
$(this).css({"color": "red"});
});
});

Answer 12

CSS:
td:hover {
background-color: red;
}

Answer 13

td:focus{ background : red; }

Answer 14

use js DOM

Answer 15

use js DOM

Answer 16

td color

Answer 17

can anyone help me?
https://www.sololearn.com/discuss/2092982/?ref=app