Home/ Questions/Q 7894943
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T07:31:20+00:00

I’m trying to study for my exam and I thought I was doing this

  • 0

I’m trying to study for my exam and I thought I was doing this right…
I want to change the color of the table (font or background) depending on which cell you click
I thought I was referring to the table right, but this code isn’t working… I have no idea what I’m doing wrong, I’d appreciate any help or explanation you can offer

<html>
     <script language="text/JavaScript">
            function changeFont(color){
                document.getElementbyId("miTabla").style.backgroundColor = color;
            }
            function changeBack(color){
                 document.getLementbyId("miTabla").style.font.color = color;
            }
        </script>
    <body>
         <header>Tabla de ejemplo</header>
         <table id="miTabla" border="2">
                <tr>
                <td>changeFont</td>
                <td onclick="changeFont('#FF0000');">red</td>
                <td onclick="changeFont('#FFFF00');">yellow</td>
                <td onclick="changeFont('#0000FF');">blue</td>
            </tr><tr>
                <td>changeBack</td>
                <td onclick="changeBack('#FFFFFF');">white</td>
                <td onclick="changeBack('#808080');">gray</td>
                <td onclick="changeBack('#000000');">black</td>
            </tr>
        </table>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Change getLementbyId and getElementbyId to getElementById and change font.color to color.

            function changeFont(color){
            document.getElementById("miTabla").style.color = color;
        }
        function changeBack(color){
             document.getElementById("miTabla").style.backgroundColor = color;
        }

    changeFont might also be more appropriately named changeForeground.

    • 0