Skip to content

Instantly share code, notes, and snippets.

@niceaji
Created April 23, 2020 00:11
Show Gist options
  • Save niceaji/f3411d118ba9c5b3bb88daeac4e48ad7 to your computer and use it in GitHub Desktop.
Save niceaji/f3411d118ba9c5b3bb88daeac4e48ad7 to your computer and use it in GitHub Desktop.
<!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