<button type="button" id="btn">클릭</button>
<h1 id="quote">인용문구가 들어갈 자리</h1>
<span id="author">작가가 들어갈 자리</span>
var arr = [
{
quote: "아이들은 누구나 예술가이다.",
author: "피카소",
},
{
quote: "내면의 목소리는 들리지 않게 된다.",
author: "반 고흐",
},
{
quote: "완벽을 두려워하지 말라.",
author: "달리",
},
{
quote: "영감이 오는 것을 기다리고 있을 수는 없다.",
author: "런던",
},
{
quote: "의욕만 있으면 이런 노력만으로도 얼마든지 많은 생각을 찾을 수 있다.",
author: "수스",
}
];
var quote = document.getElementById('quote');
var author = document.getElementById('author');
var btn = document.getElementById('btn');
btn.addEventListener('click', function() {
var random = Math.floor(Math.random() * arr.length);
quote.textContent = arr[random].quote;
author.textContent = arr[random].author;
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.