Duvida da aula | JavaScript: programando na linguagem da web

Solucionado (ver solução)

Solucionado
(ver solução)

4
respostas

por Joel Pedro Garcia

| 78.3k xp | 70 posts

Ola pessoal estou condificuldade no meu consola esta a imprimir valor nulo este é o meu codigo html.

!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>Aparecida Nutrição</title>
        <link rel="icon" href="favicon.ico" type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/index.css">


    </head>
    <body>

        <header>
            <div class="container">
                <h1 class="titulo">Aparecida Nutrição</h1>
            </div>
        </header>
        <main>
            <section class="container">
                <h2>Meus pacientes</h2>
                <table>
                    <thead>
                        <tr>
                            <th>Nome</th>
                            <th>Peso(kg)</th>
                            <th>Altura(m)</th>
                            <th>Gordura Corporal(%)</th>
                            <th>IMC</th>
                        </tr>
                    </thead>
                    <tbody id="tabela-pacientes">
                    <tr class="paciente" id="primeiro-paciente">
                            <td class="info-nome">Paulo</td>
                            <td class="info-peso">100</td>
                            <td class="info-altura">2.00</td>
                            <td class="info-gordura">10</td>
                            <td class="info-imc">0</td>
                        </tr>

                        <tr class="paciente" >
                            <td class="info-nome">João</td>
                            <td class="info-peso">80</td>
                            <td class="info-altura">1.72</td>
                            <td class="info-gordura">40</td>
                            <td class="info-imc">0</td>
                        </tr>

                        <tr class="paciente" >
                            <td class="info-nome">Erica</td>
                            <td class="info-peso">54</td>
                            <td class="info-altura">1.64</td>
                            <td class="info-gordura">14</td>
                            <td class="info-imc">0</td>
                        </tr>

                        <tr class="paciente">
                            <td class="info-nome">Douglas</td>
                            <td class="info-peso">85</td>
                            <td class="info-altura">1.73</td>
                            <td class="info-gordura">24</td>
                            <td class="info-imc">0</td>
                        </tr>
                        <tr class="paciente" >
                            <td class="info-nome">Tatiana</td>
                            <td class="info-peso">46</td>
                            <td class="info-altura">1.55</td>
                            <td class="info-gordura">19</td>
                            <td class="info-imc">0</td>
                        </tr>
                    </tbody>
                </table>

            </section>
        </main>


    </body>

    <script src="js/principal.js">

</script>
</html>

var titulo = document.querySelector(".titulo");
titulo.textContent = "Aparecida Nutricionista";
var paciente=document.querySelector("#primeiro-paciente");
console.log(paciente);
var tdPeso= paciente.querySelector("info-peso");
console.log(tdPeso);

este meu codigo do javascript

4 respostas

por Natan Souza

| 2101.6k xp | 3699 posts

Instrutor Product Design Lead

22/06/2018

Oi Joel, tudo bem?

Só faltou ali no seu JS falar que você está dando um querySelector na classe info-peso, e não na tag.

Coloquei aqui a solução para você dar uma olhada:

http://jsbin.com/cemiteniti/edit?html,js,console,output

Também coloquei um .textContent só para ver se tava normal mesmo.

Espero ter ajudado e bons estudos,

Abcs!

por Joel Pedro Garcia

| 78.3k xp | 70 posts

25/06/2018

Muito obrigado

por Joel Pedro Garcia

| 78.3k xp | 70 posts

25/06/2018

Ola pessoal estou a resolver o jogo da cobra ou seja snake estou com dificuldade de enter este erro trail.push is not difene este é o codigo

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do snacke</title>

</head>
<body>
<canvas id="stage" width="400" height="400"></canvas>
<script type="text/javascript">
    window.onload=function(){
        var stage= document. getElementById('stage');
        var ctx= stage.getContext('2d');
        document.addEventListener("keydown",keyPuch);

        setInterval(game,1000/15);
        const vel=1;
        var vx=vy=0;
        var px=10;
        var py=15;
        var tp=20;
        var qp=20;
        var ax=ay= 15;
        var trail=[];
        var trail=5;
        function game(){
            px+=vx;
            py+=vy;
            if(px<0)
            {
                px=qp-1;
            }
            if(px>qp-1)
            {
                px=0;
            }
            if(py<qp)
            {
                py=qp-1;
            }
            if(py>qp-1)
            {
                py=0;
            }

            ctx.fillStyle="black";
        ctx.fillRect(0,0,stage.width,stage.height);
        ctx.fillStyle='red';
        ctx.fillRect(ax*tp,ay*tp,tp,tp);
        ctx.fillStyle='gray';
        for(var i=0;i<trail.length;i++){
            ctx.fillRect(trail[i].x*tp,trail[i].y*tp,tp,tp);
            if(trail[i].x==px && trail[i].y==py){

                    vx=vy=0;
            }

        }

        trail.push({x:px , y:py})
        while(trail.length>trail){
            trail.shift();
        }
        if(ax==px && ay==py){
            trail++;
            ax=Math.Floor(Math.random()*qp);
            ay=Math.Floor(Math.random()*qp);

        }

        }



        }
        function keyPuch(event){
            switch(event.keyCode){
                case 37:
                vx=-vel;
                vy=0;
                break;
                case 38:
                vx=0;
                vy=-vel;
                break;
                case 40:
                vx=0;
                vy=vel;
                break;
            }




        }







</script>



</body>



</html>

Por favor preciso de ajuda

solução!

por Natan Souza

| 2101.6k xp | 3699 posts

Instrutor Product Design Lead

25/06/2018

Oi Joel, tudo bem?

Você poderia abrir outro tópico com a sua dúvida por favor?

Assim fica mais fácil de outros alunos(as) e instrutores(as) pesquisarem-na.

Abcs!