반응형
✅ 오늘의 문제 풀이 인증
📣 과제에 대한 답안 코드는 <소스코드>를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가)
📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁
input에 넣은 값만큼 console에 로그가 찍히도록 했습니다!
Day4.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
</head>
<body>
<style>
.startBtn{
width: 60px;
height: 40px;
background-color: lightgray;
border: 1px solid black;
cursor: pointer;
text-align: center;
line-height: 40px;
margin-top: 10px;
}
</style>
<div class="layout">
<input type="text" id="countNum">
<div class="startBtn" onclick=start()>시작~</div>
</div>
<script src="./event.js"></script>
</body>
</html>
event.js
function start() {
var countNum = document.getElementById('countNum').value
for (var i = 0; i < countNum; i++) {
console.log(i)
}
}
✅ 오늘의 한마디
👉 지난번 시간 피드백 받은대로 getElementById를 사용해보았습니다!
반응형
'Front-End > JavaScript' 카테고리의 다른 글
| [코뮤니티] 6일차 - 한 입 웹개발(JS) (0) | 2021.05.06 |
|---|---|
| [코뮤니티] 5일차 - 한 입 웹개발(JS) (0) | 2021.05.04 |
| [코뮤니티] 3일차 - 한 입 웹개발(JS) (0) | 2021.04.30 |
| [코뮤니티] 2일차 - 한 입 웹개발(JS) (0) | 2021.04.29 |
| [코뮤니티] 1일차 - 한 입 웹개발(JS) (0) | 2021.04.29 |