Jump to content
Fórum Script Brasil
  • 0

Não consigo utilizar o DOM da forma correta.


Pedro Vidal

Question

Bom, eu tenho um projeto de alterar os valores de uma tabela de acordo com uma variável e cheguei ao DOM. Porém, o código não funciona do jeito que deveria, parece até que não está lendo a parte do js. Bom, adoraria uma ajuda e deixarei o codigo completo abaixo:

<!doctype html>

<html>

    <head>
        <meta charset="utf-8">
        <title> LAYOUT TABELA PRO TCC </title>
    </head>

    <style>
        body{background-color: #fff}

        *{font-family: arial;
}

        caption{font-size: 1.2em;
        font-family: "Arial";
        color: #32304f;}

        table{width: 100%;
        text-align: center;
        border-collapse: collapse;}

        td, th {border: 2px solid #000;}
        th{background-color:#fff solid;
        color:#7e2d7e;}

        td{color: #000;
        background-color: #ded9ff;
        height: 30px;}

        th{ color: #fff;
        background-color: #484677;
        font-family: "Arial";
        height: 50px;}

    </style>
    
    <script>
        function myFunction() {
        let text = "thats my year";
        document.getElementById("Valor").innerHTML = text;
    </script>
    
    
    <body>
        <table id="tabela">
            <caption> <b> TABELA PADRÃO PARA O PROJETO DOS GRUPOS </b> </caption>
            <tr>
                <th> Sensores / Atuadores </th>
                <th> Valores obtidos </th>
            </tr>

            <tr>
                <td> Sensor1 </td>
                <td id="valor"> Valor1 </td>
            </tr>

            <tr>
                <td> Sensor2 </td>
                <td> Valor2 </td>
            </tr>

            <tr>
                <td> Sensor3 </td>
                <td> Valor3 </td>
            </tr>

            <tr>
                <td> Sensor4 </td>
                <td> Valor4 </td>
            </tr>
        </table>
        <button type="button" onclick="myFunction()">Try it</button>
    </body>
</html>

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0
8 minutos atrás, Pedro Vidal disse:

document.getElementById("Valor")

8 minutos atrás, Pedro Vidal disse:

<td id="valor">

js é sensitive case
para o js valor é diferente de Valor
e de vAlor
e de vaLor 
e de valOr
...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.1k
    • Total Posts
      651.9k
×
×
  • Create New...