Curso JavaScript #38 - Criando elementos com DOM (createElement)

Nesta aula você aprenderá como criar elementos com o DOM utilizando o #createElement

No curso de #JavaScript você vai aprender do básico ao avançado, as aulas contem teoria e prática sobre JS. Alguns dos assuntos abordados serão: operadores lógicos, condicionais, estruturas de repetição e condição.

Porém mais adiante também trabalharemos com #DOM e eventos em JavaScript, para dominar completamente a linguagem quando se trata de client-side, ou seja, JavaScript para front-end.

[flavianafernandes]

Eu achava JS tãããão complicado e quase impossível de aprender, mas ainda bem que encontrei esse canal. Em pleno 2024 estudando JS com gosto 🥰

[vita.solaris]

Matheus Batisti excelente metodologia e didática

[CALANGOTV]

Agora sim, estou começando a entender as coisas, vc e demais cara!!!
Abre muitas possibilidades😮

[Everaldobass]

Vamos avançando e aprendendo, show de aula!

[mbs]

Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !

[igtyklt]

Muito bom o conteúdo, da pra entender direitinho, me salvou dms

[danielmendes]

com apenas essa aula eu consegui resolver o meu problema, parabens Matheus!

[Matheus_Fts]

Nossa, maravilhoso, muito obrigado pela ajuda :))

[winteru]

Não tava conseguindo entender DOM, seu video ajudou

[nunes]

Valeu por partilhar conhecimento e teu tempo.

[lucascorrea]

Muito boa a aula!
Consegui criar um doc HTML inteiro através do Javascript!

[mamaco]

Criei essa função:
function newElement(tipoElemento, conteudoElemento, local) {
//cria o elemento
var novoParagrafo =
//cria o texto
var texto =
//adiciona o texto ao elemento

//captura o body
var localElemento =
//adiciona o elemento ao body

}


newElement("ELEMENTO", "CONTEUDO", "LOCAL")

[alexcampos]

Pra mim as coisas começam a clarear agora. Obrigado Matheus. Só uma dúvida. Se eu quiser colocar este novo paragrafo logo após o existente ou em alguma posição especifica, como seria ?

[viniciussouza]

no meu so fica dando o erro

index.html:15 Uncaught TypeError: Cannot read properties of null (reading 'appendChild')
at index.html:15:11

[lucasfigueiredo]

Na linha 24 não seria mais fácil apenas fazer el.innerText="Testo do span"?

[hcdmrkt]

Como inserir um elemento dentro de outro elemento com vários níveis de hierarquia?
O que vc mostrou tem apenas um

[XXELsurfElias]

Professor, como faço para imprimir a mensagem de erro no 'ELSE' em um novo parágrafo, até o usuário acertar o jogo de advinha?

<script>

let inputNome =
let button =
let paragrafo = document.querySelector("p")
var segredo = Math.round(Math.random() * 10)

button.addEventListener('click', () => {
if (inputNome.value == segredo) {
paragrafo.textContent = 'Parabéns o segredo é: ' + inputNome.value

} else {
var mensagemErro = paragrafo.textContent = 'Você errou, tente novamente'

}
inputNome.value = "";
inputNome.focus();

})

</script>

[lucasiniesta]

Como eu faço para inserir um elemento embaixo de outro elemento?

[gabrielluz]

entendi foi nada kkk mas segue o baile

[nobrekodular]

Quem pode me ajudar com isso?


Esse aqui ta funcionando perfeitamente!
= "TESTE";

<input type="text" id="txt_Username" name="txt_Username" class="logininputcss">



Esse aqui não está funcionando
= "TESTE";

<input type="text" name="wlSsid" id="wlSsid" style="width:123px" maxlength="32">