반응형
✅ 오늘의 문제 풀이 인증
📣 과제에 대한 답안 코드는 <소스코드>를 이용해 작성해주세요. (캡쳐만 있을 경우 코드리뷰 불가)
📣 문제를 푼 과정에서 생겼던 오류, 알게된 점이 있다면 함께 정리해주세요 😁
Day5.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<script>
function operatorPrn() {
var x = parseInt(document.getElementById('x').value);
var y = parseInt(document.getElementById('y').value);
console.log("x + y = ", x+y);
console.log("x - y = ", x-y);
console.log("x * y = ", x*y);
console.log("x / y = ", x/y);
}
</script>
</head>
<body>
<style>
p{
display: inline;
}
input[type=text]{
display: inline-block;
text-align: center;
border: 3px solid skyblue;
border-radius: 5px;
margin-top: 30px; margin-left: auto; margin-right: auto;
}
.btn{
width: 60px;
height: 40px;
background-color: lightgray;
border: 1px solid black;
cursor: pointer;
text-align: center;
line-height: 40px;
margin-top: 10px;
border-radius: 5px;
}
</style>
<div class="layout">
<p>x : </p>
<input id="x" type="text">
<p>y : </p>
<input id="y" type="text">
<div class="btn" onclick="operatorPrn()">출력</div>
</div>
</body>
</html>형변환방법으로 parseInt에 대해 배웠습니다!
✅ 오늘의 한마디
👉 원래 수업 밀리는 것을 좋아하지 않아서 그날그날 다 해치우는 편인데 교수님이 잠수를 타셔서 2주째 수업이 밀렸네요..ㅠㅠ 우울한 하루입니다........
반응형
'Front-End > JavaScript' 카테고리의 다른 글
| [코뮤니티] 8일차 - 한 입 웹개발(JS) (2) | 2021.05.11 |
|---|---|
| [코뮤니티] 7일차 - 한 입 웹개발(JS) (0) | 2021.05.08 |
| [코뮤니티] 5일차 - 한 입 웹개발(JS) (0) | 2021.05.04 |
| [코뮤니티] 4일차 - 한 입 웹개발(JS) (0) | 2021.05.03 |
| [코뮤니티] 3일차 - 한 입 웹개발(JS) (0) | 2021.04.30 |