Skip to main content
adicionou 176 caracteres ao conteúdo
Fonte Link
Icaro Martins
  • 4,3mil
  • 14
  • 24
  • 35

Estou tentando resolver, mas estou com dificuldades, não sei o que estou fazendo de errado.

Crie um botão que ao ser clicado cria um novo elemento em tela com a forma de um quadrado vermelho com 100px de altura e largura. Sempre que o botão for clicado um novo quadrado deve aparecer na tela.

<div id="app">
    
    <button class="botao">Adicionar</button>
    <div class= "box">
    </div>
   
</div>
<script>
    var btnElement = document.querySelector('button.botao').addEventListener("click", criarQuadrado);
    var newQuadrado = document.querySelector('div.box');
        newQuadrado.style.backgroundColor = red;
        newQuadrado.style.width = 100;
        newQuadrado.style.height= 100;

    
    function criarQuadrado(){
    btnElement.createElement(newQuadrado);
    
   
        
    }
</script>

<div id="app">

  <button class="botao">Adicionar</button>
  <div class="box">
  </div>

</div>
<script>
  var btnElement = document.querySelector('button.botao').addEventListener("click", criarQuadrado);
  var newQuadrado = document.querySelector('div.box');
  newQuadrado.style.backgroundColor = red;
  newQuadrado.style.width = 100;
  newQuadrado.style.height = 100;


  function criarQuadrado() {
    btnElement.createElement(newQuadrado);



  }
</script>
 

botão que ao clicar cria um quadradoscreenshot do código
Click para visualizar o screenshot do código

Estou tentando resolver, mas estou com dificuldades, não sei o que estou fazendo de errado.

Crie um botão que ao ser clicado cria um novo elemento em tela com a forma de um quadrado vermelho com 100px de altura e largura. Sempre que o botão for clicado um novo quadrado deve aparecer na tela.

<div id="app">
    
    <button class="botao">Adicionar</button>
    <div class= "box">
    </div>
   
</div>
<script>
    var btnElement = document.querySelector('button.botao').addEventListener("click", criarQuadrado);
    var newQuadrado = document.querySelector('div.box');
        newQuadrado.style.backgroundColor = red;
        newQuadrado.style.width = 100;
        newQuadrado.style.height= 100;

    
    function criarQuadrado(){
    btnElement.createElement(newQuadrado);
    
   
        
    }
</script>

botão que ao clicar cria um quadrado

Estou tentando resolver, mas estou com dificuldades, não sei o que estou fazendo de errado.

Crie um botão que ao ser clicado cria um novo elemento em tela com a forma de um quadrado vermelho com 100px de altura e largura. Sempre que o botão for clicado um novo quadrado deve aparecer na tela.

<div id="app">

  <button class="botao">Adicionar</button>
  <div class="box">
  </div>

</div>
<script>
  var btnElement = document.querySelector('button.botao').addEventListener("click", criarQuadrado);
  var newQuadrado = document.querySelector('div.box');
  newQuadrado.style.backgroundColor = red;
  newQuadrado.style.width = 100;
  newQuadrado.style.height = 100;


  function criarQuadrado() {
    btnElement.createElement(newQuadrado);



  }
</script>
 

screenshot do código
Click para visualizar o screenshot do código

removeu 56 caracteres do conteúdo; tags editadas; título editado
Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

Como criar um botão que ao ser clicado cria um novo elemento com Java ScriptJavaScript?

Estou tentando resolver o exercício um do módulo II da Rocketseat. Mas, mas estou com dificuldades, não sei o que estou fazendo de errado.

1º exercício CrieCrie um botão que ao ser clicado cria um novo elemento em tela com a forma de um quadrado vermelho vermelho com 100px de altura e largura. Sempre que o botão for clicado um novo quadrado deve aparecer aparecer na tela.

<div id="app">
    
    <button class="botao">Adicionar</button>
    <div class= "box">
    </div>
   
</div>
<script>
    var btnElement = document.querySelector('button.botao').addEventListener("click", criarQuadrado);
    var newQuadrado = document.querySelector('div.box');
        newQuadrado.style.backgroundColor = red;
        newQuadrado.style.width = 100;
        newQuadrado.style.height= 100;

    
    function criarQuadrado(){
    btnElement.createElement(newQuadrado);
    
   
        
    }
</script>

botão que ao clicar cria um quadrado

Como criar um botão que ao ser clicado cria um novo elemento com Java Script?

Estou tentando resolver o exercício um do módulo II da Rocketseat. Mas estou com dificuldades, não sei o que estou fazendo de errado.

1º exercício Crie um botão que ao ser clicado cria um novo elemento em tela com a forma de um quadrado vermelho com 100px de altura e largura. Sempre que o botão for clicado um novo quadrado deve aparecer na tela.

<div id="app">
    
    <button class="botao">Adicionar</button>
    <div class= "box">
    </div>
   
</div>
<script>
    var btnElement = document.querySelector('button.botao').addEventListener("click", criarQuadrado);
    var newQuadrado = document.querySelector('div.box');
        newQuadrado.style.backgroundColor = red;
        newQuadrado.style.width = 100;
        newQuadrado.style.height= 100;

    
    function criarQuadrado(){
    btnElement.createElement(newQuadrado);
    
   
        
    }
</script>

botão que ao clicar cria um quadrado

Como criar um botão que ao ser clicado cria um novo elemento com JavaScript?

Estou tentando resolver, mas estou com dificuldades, não sei o que estou fazendo de errado.

Crie um botão que ao ser clicado cria um novo elemento em tela com a forma de um quadrado vermelho com 100px de altura e largura. Sempre que o botão for clicado um novo quadrado deve aparecer na tela.

<div id="app">
    
    <button class="botao">Adicionar</button>
    <div class= "box">
    </div>
   
</div>
<script>
    var btnElement = document.querySelector('button.botao').addEventListener("click", criarQuadrado);
    var newQuadrado = document.querySelector('div.box');
        newQuadrado.style.backgroundColor = red;
        newQuadrado.style.width = 100;
        newQuadrado.style.height= 100;

    
    function criarQuadrado(){
    btnElement.createElement(newQuadrado);
    
   
        
    }
</script>

botão que ao clicar cria um quadrado

Fonte Link

Como criar um botão que ao ser clicado cria um novo elemento com Java Script?

Estou tentando resolver o exercício um do módulo II da Rocketseat. Mas estou com dificuldades, não sei o que estou fazendo de errado.

1º exercício Crie um botão que ao ser clicado cria um novo elemento em tela com a forma de um quadrado vermelho com 100px de altura e largura. Sempre que o botão for clicado um novo quadrado deve aparecer na tela.

<div id="app">
    
    <button class="botao">Adicionar</button>
    <div class= "box">
    </div>
   
</div>
<script>
    var btnElement = document.querySelector('button.botao').addEventListener("click", criarQuadrado);
    var newQuadrado = document.querySelector('div.box');
        newQuadrado.style.backgroundColor = red;
        newQuadrado.style.width = 100;
        newQuadrado.style.height= 100;

    
    function criarQuadrado(){
    btnElement.createElement(newQuadrado);
    
   
        
    }
</script>

botão que ao clicar cria um quadrado