Javascript Como solucionar erro de cannot set properties of null no javascript?

[Gust Alves]

 

Estou fazendo o curso de JS do Guanabara, ao fazer um exemplo do vídeo que estou seguindo, acabou que, aparentemente, copiei o códgio igual o do professor, mas não está rodando.

 

function somar(){
	var tn1 = windows.document.getElementById('txtn1')
	var tn2 = windows.document.querySelector('input#txtn2')
	var res = windows.document.getElementById('res')
	var n1 = number(tn1.value)
	var n2 = number(tn2.value)
	var s = n1 + n2
	res.innerHTML = `A soma entre ${n1} e ${n2} é igual a ${s}`
}

 

Código da aula: 

Meu código:

Erro:

[Dion]

Joga seu código em alguma IA, chatgpt ou deepseek, e pede para mostrar o problema

[Jão386]

Erro de digitacao na linha 14, em vez de id+="res" é id="res"

[Gust Alves]

@Jão386 Li meu código umas 10x e achei que tinha mudado algo no JS durante o tempo da aula pra os tempos atuais, no fim foi uma coisa simples dessa kkkkkk obrigado cara!

[Jão386]

Nessas horas analisar o codigo de erro ajuda muito. Veja que ele identificou um erro na linha 23, então ou o problema está nesta linha, ou em algum elemento chamado por ela. O erro afirma que não se pode definir as propriedes de algo do tipo "null"(aqui o inglês ajuda). Algo é do tipo "null" geralmente quando não está definido- neste caso, o elemento "res". Ai procurei o local onde ele deveria estar definido (linha 14). 

Este codigo é pequeno, mas em  aplicações maiores a análise do erro é essencial.