私がクリックしたときに、この機能をトリガーボタンがあります。テキスト移行javascript関数でのonclick /アニメーションとHTML
<button onclick="showAdvice()">Advice!</button>
<p id="text"></p>
<script>
function showAdvice() {
var advices = ["1","2","3"];
var choose = Math.floor(Math.random() * advices.length);
document.getElementById("text").innerHTML = advices[choose];
}
</script>
onclick
アクションは、「テキスト」の段落にアドバイスを生成し、彼らはランダムな順序で表示されます。不透明度、フェード・アウト/フェード・インの間の遷移を望みます。CSS/JavaScriptでこれをどのように達成できますか?