메뉴 건너뛰기

조회 수 2850 댓글 2

<!DOCTYPE html>
<html>
    <head>
    <title>자바스크립트 연습</title>
    <style>
    
    </style>
    </head>
    <body>
    <h3>계산해봅시다.</h3>
    <hr>
    <p>2 + 4 = <span onclick="this.value=eval(2+4)">답</button></p>
    <p>4 + 20 + 64 =<span onclick="this.value=eval(2+4)">답</button></p>
    <p>20/5-8*2 = <span onclick="this.value=eval(2+4)">답</button></p>
    </body>
</html>

 

답이라는 글짜가 클릭이 되어야 하는데 클릭도 안되고 숫자로 변화지를 않아요 어디서 잘못되었나요..ㅠ

?
  • profile
    황기태 2017.05.08 22:06

    우선 코드에 3개의 오류가 있습니다.
    1. </button>이 </span>으로 수정되어야 합니다.
    2. 클릭이 되지 않는 것이 아니라, 클릭이 되는데 onclick 리스너에서 eval()의 결과를 엉뚱한 곳에 쓰고 있으니까
    원하는 것이 출력되지 않는 것이지요. 학생이 작성한 아래의 코드 의미는
    onclick="this.value=eval(2+4)"

    이 객체 SPAN의 value 속성에 결과 값을 쓰는 것인데
    value 속성은 <button>이나 <input> 등의 폼 요소들에 있는 것입니다.
    여기서는 this.innerHTML이 맞는 것입니다.

    3. 그리고 3군데 모두 eval(2+4)로 되어 있는데 수식을 바로 잡아야 합니다.

    그럼.

  • ?
    리브 2020.05.14 18:55
    윗분 감사합니다 덕분에 해결했습니다 ㅎㅎ

QnA

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

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18172
41 7장에 실습문제 4번 질문 1 asd123 2017.11.05 1634
40 몽구스 서버 외부접속 질문드립니다. 1 명품프로그래머 2017.10.26 277
39 예제 5-11을 하다 사소한 궁금한 것이 생겼습니다 1 수소방울 2017.10.13 167
38 실습문제 홀수번 정답 ㅁㅁ 2017.09.24 632
37 예제에 나오는 이미지와 동영상파일은 어디서 다운받을 수 있나요... 1 gofkdvjvl 2017.09.21 213
36 6장 실습문제 짝수 답좀 알려주실분? 제발요  도움 2017.09.18 1104
35 예제에 필요한 그림이나 동영상 같은 자료파일은? 1 donghee 2017.09.15 130
34 연습문제 8장 이론문제 2번 답을 알고 싶습니다. 1 khe 2017.08.18 811
33 7장 10번문제 1 학섕 2017.07.12 1865
32 안녕하세요 처음하는 사람입니다 교재 구입하였습니다 2 성현군 2017.06.29 330
31 07장 10번 답좀 알고싶습니다... 2 abcd 2017.06.11 1088
30 4장 8번 문제 질문드려요! 1 file safd 2017.06.09 676
29 9장 4번 질문있습니다. 웹프로그래밍 2017.05.28 551
28 9장 2번 질문있습니다. 웹프로그래밍 2017.05.28 1136
27 8장의 10번 문제 질문 있습니다. 웸프로그래밍 2017.05.28 625
26 9장 오픈챌린지 답이 너무 궁금합니다. 1 범이 2017.05.10 1249
25 오랜만에 찾아 뵙습니다.. 3 은성 2017.05.10 338
24 실습문제 7장에 8번 질문 1 abcd 2017.05.09 992
» 8장 연습문제 실습문제 4장 2 student 2017.05.08 2850
목록
Board Pagination Prev 1 ... 12 13 14 15 16 17 18 19 20 ... 21 Next
/ 21
위로