Por que esse erro?

bonomo · 23 horas atrás

index.html:

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<h1>Loja Virtual</h1>

<nav>

<ul>

<li><a href="carrinho.html">Carrinho</a></li>

</ul>

</nav>

</header>

<h2 class="nomeProduto">Nome do produto</h2>

<p class="descricaoProduto">Descrição do produto</p>

<button class="btn">Adicionar ao carrinho</button>

</div>

<h2 class="nomeProduto">Nome do produto</h2>

<p class="descricaoProduto">Descrição do produto</p>

<button class="btn">Adicionar ao carrinho</button>

</div>

</body>

</html>

carrinho.html:

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

</div>

</div>

</body>

</html>

script.js:

document.addEventListener('DOMContentLoaded', () => {

const btn = document.getElementsByClassName('btn')[0];

const imgProduto = document.getElementsByClassName('imgProduto');

const nomeProduto = document.getElementsByClassName('nomeProduto');

const descricaoProduto = document.getElementsByClassName('descricaoProduto');

const precoProduto = document.getElementsByClassName('precoProduto');

const produto1 = document.getElementById('produto1');

const produto2 = document.getElementById('produto2');

const containerProdutos = document.getElementById('containerProdutos');

btn.addEventListener('click', () => {

const produtoDiv = document.createElement('div');

produtoDiv.className = 'produto'

const img = document.createElement('img');

img.src = imgProduto[0].src;

produtoDiv.appendChild(img);

const nome = document.createElement('p');

nome.textContent = nomeProduto[0].textContent;

produtoDiv.appendChild(nome);

const descricao = document.createElement('p');

descricao.textContent = descricaoProduto[0].textContent;

produtoDiv.appendChild(descricao);

const preco = document.createElement('p');

preco.textContent = precoProduto[0].textContent;

produtoDiv.appendChild(preco);

console.log(produtoDiv);

console.log(nomeProduto[0]);

console.log(descricaoProduto[0]);

console.log(precoProduto[0]);

if (containerProdutos) {

containerProdutos.appendChild(produtoDiv);

} else {

console.error('Elemento com o ID "containerProdutos" não encontrado.');

}

});

erro:

Não sei o motivo desse erro, já tentei tudo, alguém me ajuda

Entrar

Por que esse erro?

Postagens Recomendadas

bonomo

Link to comment

Compartilhe em outros sites

Crie uma conta ou entre para comentar 😀

Crie a sua conta

Entrar

Você também pode se interessar por:

O navegador Firefox não exibe pdf com a versão 1.7

Por que MelScript é a Minha Linguagem Favorita para Projetos Web

MelScript

Implementação do SCORM com react.js

sp 🚨 SEFAZ-SP - Manutenção programada para CTe

Quem está online 0 Membros, 0 Anônimos, 68 Visitantes (Ver lista completa)

Próximos Eventos

Estatísticas de Membros

Fórum

Programa de Indicação CdD

Cursos

CdD

Mais