Entrar Ainda não tem acesso?
2
respostas

Porque meu código não está funcioando?

por Bruna Ribeiro
| 82.4k xp | 8 posts
-<!DOCTYPE html>
<html lang="en">
<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>Lógica de Programação</title>

</head>
<body>
  <h1>Receitas da Bruna</h1>
  <input type="text">
  <button>Adicione os Ingredientes</button>


  <script>

  var quantidade = parseInt(prompt("Quantos ingredientes você vai adicionar?"));
  var input = document.querySelector("input");
     input.focus();

  var ingredientes = [];
  var contador = 1;


   function adicionar(){

      while( contador <= quantidade) {


          var existe = false;

          for(var posicao = 0 ;posicao<ingredientes.length; posicao++){

              if(ingredientes[posicao]== input.value ){
                  existe = true;
                      break;
              }

        }
          if(existe==false){
              ingredientes.push(input.value);
               contador++;
         }
    }

    input.value = "";
    input.focus();

  }
    console.log(ingredientes);

   var button =  document.querySelector("button");
   button.onclick = adicionar;

  </script>
</body>
</html>
2 respostas
por Marcio dos Santos
| 132.6k xp | 28 posts
FISCAL

Porquê tem um traço antes do "Doctype"? E o que não está funcionando, a visualização da página, o Css ou o JS?

Procure usar o "Lang" com pt-br.

por Bruna Ribeiro
| 82.4k xp | 8 posts

enviei o código anterior errado, desculpe. o códio certo é esse aqui. onde desenho três quadrados com msm tamanho, queria fazer com que o desenho fosse até o final do canvas e voltasse.

// código do JS abaixo:

function desenhaQuadrado(x, y, tamanho, cor) {

    pincel.fillStyle = cor;
    pincel.fillRect(x, y, tamanho, tamanho)
    pincel.fill();
}



function desenhaPaletaDeCores() {

    desenhaQuadrado(xVermelho, yQuadrados, tamanhoQuadrados, 'red');
    desenhaQuadrado(xVerde, yQuadrados, tamanhoQuadrados, 'green');
    desenhaQuadrado(xAzul, yQuadrados, tamanhoQuadrados, 'blue');

}



var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'lightgray';
pincel.fillRect(0, 0, 600, 400);



var xVermelho = 0;
var xVerde  = 50;
var xAzul = 100;
var yQuadrados = 0;
var tamanhoQuadrados = 50;

//desenhaPaletaDeCores(); // mostra os quadrados de seleção de cores

function limpaTela() {

pincel.clearRect(0, 0, 600, 400);

}

var x = 150;

var sentido = 1;

function atualizaTela() {

   limpaTela();

   if( x > 600) {
       sentido = -1
   } else if (x < 0) {
       sentido = 1;
   } 

   desenhaPaletaDeCores();
    x = x + sentido;

}

setInterval(atualizaTela, 10);