메뉴 건너뛰기

조회 수 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 16:40
    . <Enter> 사용하시려면 &lt Enter&gt 이런식으로 사용해야 됩니다.
  • ?
    황기태 2017.11.25 13: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.21 18173
242 이벤트 관련 질문 3 왕초보 2020.05.24 123
241 예제 4-14 질문이욤 2 file 코딩딩 2020.05.17 100
240 Image 객체 2 초보 2020.05.14 125
239 76페이지 1 ramoss 2020.05.13 44
238 예제 4-11 질문합니다. 2 초보 2020.05.04 88
237 list type 질문이요 2 file 021 2020.05.03 104
236 168p 예제4-8 질문 2 file 그냥초보 2020.05.02 79
235 185쪽 질문있습니다.. 3 file ㅇㅇ 2020.04.30 62
234 css3로 웹 페이지 꾸미기 3 file ㅇㅇ 2020.04.30 107
233 예제4-5 질문드립니다. 3 초보 2020.04.27 95
232 그림이 안떠요(실습문제 4장 7번) 2 file 초보자 2020.04.27 671
231 이미지를 어떻게 나오게 하나요? 1 나나 2020.04.26 78
230 3장 실습문제 2번에 쓰이는 이미지 파일은 어디에서 받을 수 있나요? 1 dpdms0926 2020.04.23 180
229 예제 5-3 220page 2 호기심 2020.04.17 355
228 94p 그림2-4 질문 2 file 그냥초보 2020.04.16 51
227 1장 그림1-14 2 file 000 2020.04.14 119
226 4장 연습문제 8번 질문이요 4 file 코딩은코딩코딩해 2020.04.14 245
225 인터넷 익스플로러 재질문이요 2 file 021 2020.04.13 125
224 인터넷익스플로러 질문이요 1 file 021 2020.04.10 48
223 3장 실습문제 5번문제에 대해 질문이있습니다. 1 CHUL 2020.04.09 220
목록
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 ... 21 Next
/ 21
위로