메뉴 건너뛰기

조회 수 380 댓글 2

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1771036</title>
<script>
function calculate(){
    var exp = document.getElementById("exp");
    var result = document.getElementById("result");
    result.value = eval(exp.value);
    }
</script>
</head>
<body>
<h3>계산기 만들기</h3>
<hr>
수식을 입력하고 <Enter> 를 입력하세요.
<p>
<form>
식 <input type="text" id="exp" value="" onkeydown="if(e.keyCode == 13) {calculate();}" ><br>
값 <input type="text" id ="result">
</form>
</body>
</html>

 

일단 수식을 입력하고 <Enter>를 입력하세요 에서 <Enter> 부분이 나오질 않네요. 이걸 어떻게 해결해야 하죠?

그리고 수식을 입력하고 Enter 키를 눌렀는데도 아무 것도 나오질 않아요. 어떤 부분에 문제가 있어서 해결이 안 되는 건가요?

?
  • ?
    이동연 2017.11.23 15:40
    . <Enter> 사용하시려면 &lt Enter&gt 이런식으로 사용해야 됩니다.
  • ?
    황기태 2017.11.25 12:23

    1. 수식입력 후 <Enter> 키를 입력하라는 뜻입니다.

    2. 다음 자바스크립트 코드에 조금 문제가 있군요.
    <input type="text" id="exp" value="" onkeydown="if(e.keyCode == 13) {calculate();}" >

    태그 내에서 이벤트객체를 전달받게 되면 그 이름이 event 입니다.
    그래서
    if(e.keyCode == 13) 을
    if(event.keyCode == 13)로 고치면 됩니다.

    교재 392페이지(391페이지와 함께) 윗 부분을 읽어보세요.
    제가 해보니 잘 됩니다.


QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18281
343 3장의 실습문제 1 file minju0508 2017.04.02 1335
342 423쪽, 예제9-20 1 사랑나눔 2019.06.27 127
341 425페이지 오픈챌린지09번 질문입니다. 1 멍청이 2019.08.22 179
340 428p 예제 9-21 키이벤트 응용 질문이 있습니다. 3 아인슈페너 2023.11.24 77
339 432PAGE 9장 실습문제 9번 재질문올립니다. 2 asdfSDF 2019.08.23 154
338 432페이지 9장 실습문제9번 질문입니다. 1 asdf 2019.08.22 266
337 465page 오픈챌린지10장 질문입니다. 2 asdf 2019.08.23 413
336 4장 171쪽 2 chu 2022.04.04 57
335 4장 19번 1 .. 2018.09.28 906
334 4장 6번문제 물어볼려고합니다 1 배재한 2019.04.16 566
333 4장 8번 문제 질문드려요! 1 file safd 2017.06.09 683
332 4장 9번 이론문제 2 궁금해요 2022.09.07 121
331 4장 실습문제 7번, 9번 1 ehdtn6288 2018.10.01 428
330 4장 연습문제 8번 질문이요 4 file 코딩은코딩코딩해 2020.04.14 253
329 4장 예제 17번 1 신입 2018.04.19 111
328 4장 예제 4-17질문입니다. 1 file Escui 2021.04.22 145
327 5-3 220page 1 고수가되고싶어요 2020.10.24 141
326 520페이지 에 쿠키쓰기 질문 1 os 2017.12.09 104
325 570page 예제 13-7 1 이주원! 2019.09.03 167
324 5단원 실습 6-2번 질문합니다 2 공부해염 2019.04.13 222
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로