Estou querendo que meu site exiba frases aleatórias sempre que eu clicar no botão “Nova Mensagem”, consegui o código javascript por meio deste link.
Em meu arquivo .js ficou assim:
function obterFrase (){
var r_text = new Array ();
r_text[0] = "A vida trará coisas boas se tiveres paciência.";
r_text[1] = "Não compense na ira o que lhe falta de razão.";
r_text[2] = "Defeitos e virtudes são apenas dois lados da mesma moeda.";
r_text[3] = "A maior de todas as torres começa no solo.";
r_text[4] = "Não há que ser forte. Há que ser flexível.";
r_text[5] = "Há três coisas que jamais voltam; a flecha lançada, a palavra dita e a oportunidade perdida.";
r_text[6] = "A juventude não é uma época da vida, é um estado de espírito.";
var i = Math.floor(7*Math.random())
document.write(r_text[i]);
}
Em meu arquivo .html assim:
<div id="sorte">
<!--Quero que a frase aleatória apareça aqui!-->
</div>
<form><input type="button" value="Nova Mensagem"
onClick="obterFrase();"/></form>
</div>
Não sei o que eu posso fazer para chamar o objeto document.write(r_text[i]);
para este lugar onde eu quero que apareça minha mensagem.
Podem me ajudar?