Objetivo
Substituir o conteúdo do elemento <P>
por um novo texto ao clicar em um botão.
Problema
Sempre que a página carrega, o javascript
executa a função e altera o texto sem que o botão seja clicado.
Tentativa de solução
Aloquei os Id
em variáveis e criei uma função que incluiria o texto hello world
no parágrafo, fora da função chamei a variável btn
(botão) incluí o onclick
e atribuí a função mudaTexto
.
HTML
<style>
.lol{
border: 1px solid black;
width: 150px;
height: 35px;
}
</style>
<button id="btn1">1</button>
<br><br>
<div class="lol">
<p id="teste">hhh</p>
</div>
JS
let btn = document.getElementById('btn1');
let texto = document.getElementById('teste');
function mudaTexto(){
texto.innerText = 'hello world';
}
btn.onClick = mudaTexto();
Agradeço a ajuda de antemão.