Javascript capturar valores da div com js

Taylor Piber · 24 de abril de 2022

OLÁ,

Estou querendo criar um jogo em js, e para isso preciso capturar os valores de uma div, usarei os valores para calcular probabilidades, porém estou tentando das maneiras mais comuns e não está funcionando, aparece "null" ou "undefined".
Depois os valores nas divs serão preenchidos com dados de um BD.

<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/main.js"></script>
</head>

<body>

    <div class="main">
        <div class="container-1">
            <div class="status-1">
                <table>
                    <tr>
                        <td>Força</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Destreza</td>
                        <td id="destre">500</td>
                    </tr>
                    <tr>
                        <td>Agilidade</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Constituição</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Carisma</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Inteligenca</td>
                        <td>500</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="container-2"></div>

        <div class="status-2">
            <table>
                <tr>
                    <td>Força</td>
                    <td>400</td>
                </tr>
                <tr>
                    <td>Destreza</td>
                    <td>400</td>
                </tr>
                <tr>
                    <td>Agilidade</td>
                    <td>400</td>
                </tr>
                <tr>
                    <td>Constituição</td>
                    <td>400</td>
                </tr>
                <tr>
                    <td>Carisma</td>
                    <td>400</td>
                </tr>
                <tr>
                    <td>Inteligenca</td>
                    <td>400</td>
                </tr>
            </table>

        </div>

    </div>

    <button type="submit" onclick="ataque()"> atacar </button>


</body>

</html>

function ataque() {
    var gp = document.getElementById('destre');
    var destreza = gp.value;    
    alert(destreza);
}

Diego72Marinho · 25 de abril de 2022

Acho que o problema está nessa parte :

    var destreza = gp.value;

Troca o "value" , pelo textContent ... Assim :

  var destreza = gp.textContent;

E não esquece que você tem que colocar a function ataque() dentro das tags <script> </script>

Com isso acho que vai funcionar

Taylor Piber · 3 de maio de 2022

@Diego72Marinho valeu, consegui, muito obrigado.

Entrar

Javascript capturar valores da div com js

Posts recomendados

Taylor Piber

Diego72Marinho

Taylor Piber

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos