1. 설명
- 구구단의 원하는 단을 prompt를 이용하여 값을 받아, 해당하는 단만 출력한다.
- prompt("message","기본값")인데, message와 기본값 모두 주지 않아도된다.
- prompt의 return 값이 null 또는 String 이기 때문에, 각 상황에 대해서 if문을 사용해서 설정한다.
- parseInt 함수를 사용하여 prompt결과값을 String에서 숫자로 바꾸어 준다.
2. 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>구구단 출력하기</title>
<style>
table {
border: 1px solid red;
border-collapse: collapse;
margin: 0 auto;
}
td {
border: 1px solid black;
padding: 5px;
text-align: center;
font-weight: 900;
width: 100px;
}
</style>
</head>
<body>
<h1>원하는 단을 출력하기</h1>
<hr>
<script>
let dan = prompt("출력하고 싶은 단을 입력하세요.","1");
if(dan !== null){
dan = parseInt(dan);
document.write(`<table>`);
for(let i=1;i<=9;i++){
document.write(`<tr><td>${dan}*${i}=</td><td>${dan*i}</td></tr>`);
}
document.write(`</table>`);
}else {
//취소 선택시
document.write("단을 입력하지 않았습니다.");
}
</script>
</body>
</html>3. 결과
