Created
April 23, 2020 00:11
-
-
Save niceaji/f3411d118ba9c5b3bb88daeac4e48ad7 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title>quiz6</title> | |
<style> | |
.wrap { | |
width: 800px; | |
margin: 0 auto; | |
} | |
input, | |
button { | |
padding: 10px; | |
font-size: 130%; | |
} | |
#result { | |
font-size: 150%; | |
} | |
</style> | |
</head> | |
<body> | |
<div class="wrap"> | |
<ul> | |
<li>전에 코딩했던 구구단 코드 재활용</li> | |
<li>입력폼에 숫자를 입력하고 출력버튼을 누르면 해당 단수가 출력</li> | |
<li>템플릿 표현식 사용</li> | |
<li>숫자가 아닌값을 입력할경우 alert 메세지 출력</li> | |
</ul> | |
<h1>구구단 출력</h1> | |
<input type="number" placeholder="1" value="10" id="num" /> 단 | |
<button id="btn">출력</button> | |
<hr /> | |
<div id="result"></div> | |
<script src="quiz6.js"></script> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment