Como adicionar no paragrafo o código de informação sobre dias de vida?

Front-end JavaScript
,
#1

Eae pessoal, tenho um código de saber dias de idade de usuário, quero saber como colocar no paragrafo a info do input…

HTML

<input id="idade" type="number" value="">
<button onclick="btn();">verificar</button>

<p class="info">
idade
</p>

JS

function btn() {
		var idade = parseInt(document.getElementById("idade").value);
    var parag = getElementsByClassName("info");
    parag = document.write("Seus dias sao: ", idade * 365);
}

O que ha de errado com esse código? poderia me ajudar? alguém! :slight_smile:

#2

Tem um erro nessa linha, pois a função getElementsByClassName não está declarada. Com isso, ao executar, vai acontecer um erro de que a função não existe.

O correto seria usar a função getElementsByClassName do objeto document:

var parag = document.getElementsByClassName("info")[0];

Repare que é preciso pegar o elemento do índice 0 (zero), pois essa função retorna um array de elementos que possa ter a class info.

E ao fazer isso, a variável parag irá armazenar o elemento html da class info. Para alterar o texto, tu pode usar innerHTML ou innerText:

parag.innerHTML = "Seus dias sao: " + (idade * 365);
#3

Vlw amigo! :grin:
funcionou. hehe