NomardCoder: quotes
랜덤 명언 만들기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./project4.css" />
<title>Momentum App</title>
</head>
<body>
<form id="login-form" class="hidden">
<input
required
maxlength="15"
type="text"
placeholder="what is your name?"
/>
<button>login</button>
</form>
<h1 id="greeting" class="hidden"></h1>
<h2 id="clock"></h2>
<div id="quote">
<span></span>
<span></span>
</div>
<script src="./pj4-clock.js" defer></script>
<script src="./pj4-greeting.js"></script>
<script src="./quotes.js"></script>
</body>
</html>
const quotes = [
{
quote:
"여호와의 말씀이니라 너희를 향한 나의 생각을 내가 아나니 평안이요 재앙이 아니니라 너희에게 미래와 희망을 주는 것이니라",
author: "-렘 29:11-",
},
{
quote:
"너희는 강하고 담대하라 두려워하지 말라 그들 앞에서 떨지 말라 이는 네 하나님 여호와 그가 너와 함께 가시며 결코 너를 떠나지 아니하시며 버리지 아니하실 것임이라 하고",
author: "-신명기 31:6-",
},
{
quote:
"내가 네게 명령한 것이 아니냐 강하고 담대하라 두려워하지 말며 놀라지 말라 네가 어디로 가든지 네 하나님 여호와가 너와 함께하느니라 하시니라",
author: "-수 1:9-",
},
{
quote: "여호와는 나의 목자시니 내게 부족함이 없으리로다",
author: "-시 23:1-",
},
{
quote:
"오직 성령의 열매는 사랑과 희락과 화평과 오래 참음과 자비와 양선과 충성과 온유와 절제니 이 같은 것을 금지할 법이 없느니라",
author: "-갈 5:22-23-",
},
{
quote:
"하나님이 세상을 이처럼 사랑하사 독생자를 주셨으니 이는 그를 믿는 자마다 멸망하지 않고 영생을 얻게 하려 하심이라 하나님이 그 아들을 세상에 보내신 것은 세상을 심판하려 하심이 아니요 그로 말미암아 세상이 구원을 받게 하려 하심이라",
author: "-요한복음 3:16-17-",
},
{
quote:
"우리가 알거니와 하나님을 사랑하는 자 곧 그의 뜻대로 부르심을 입은 자들에게는 모든 것이 합력하여 선을 이루느니라",
author: "-로마서 8:28-",
},
{
quote:
"너는 마음을 다하여 여호와를 신뢰하고 네 명철을 의지하지 말라 너는 범사에 그를 인정하라 그리하면 네 길을 지도하시리라",
author: "-잠언 3:5-6-",
},
{
quote:
"내가 확신하노니 사망이나 생명이나 천사들이나 권세자들이나 현재 일이나 장래 일이나 능력이나 높음이나 깊음이나 다른 어떤 피조물이라도 우리를 우리 주 그리스도 예수 안에 있는 하나님의 사랑에서 끊을 수 없으리라",
author: "-로마서 8:38-39-",
},
{
quote:
"예수께서 이르시되 내가 곧 길이요 진리요 생명이니 나로 말미암지 않고는 아버지께로 올 자가 없느니라",
author: "-요한복음 14:16-",
},
];
const quote = document.querySelector("#quote span:first-child");
const author = document.querySelector("#quote span:last-child");
const todaysQuote = quotes[Math.floor(Math.random() * quotes.length)];
quote.innerText = todaysQuote.quote;
author.innerText = todaysQuote.author;
• Math.random( ) = 0~10사이값을 랜덤으로 반환함 • Math.random( ) * 10 = 1~10의 값을 반환함 • Math.round(1.4) =1 / Math.round(1.6) = 2 • Math.ceil(1.4) = 2 • Math.floor(1.1) = 1 / Math.floor(1.6) = 1
댓글남기기