메뉴 건너뛰기

조회 수 2864 댓글 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 21: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 17:55
    윗분 감사합니다 덕분에 해결했습니다 ㅎㅎ

QnA

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

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18230
262 예제 9-18번 질문 1 초보 2020.06.21 84
261 선 색 변경이 안됩니다 1 모르겠어요 2020.06.19 199
260 11장 실습문제 4번 1 웹프 2020.06.17 456
259 궁금한점이 있습니다. 1 hayio 2020.06.17 80
258 11장 실습문제 7번 응용 ㅇㅇ 2020.06.16 154
257 6장 오픈챌린지 1 이민수 2020.06.15 232
256 6장4번 1 이민수 2020.06.15 129
255 6장 7번 1 이민수 2020.06.15 204
254 6장 7번 좀 알려주세요 ㅜㅜ 1 어려워여 2020.06.14 586
253 예제 7-6 에서 응용을 하고 싶어서 여쭙고 싶습니다. 1 file 배우고 익히는 초심자 2020.06.14 245
252 13-7 예제 1 궁금이 2020.06.14 146
251 선생님 재질문 드립니다. 1 file 입문한 사람 2020.06.12 150
250 12장 연습문제 4번 HTML 요청 1 file 윤세아 2020.06.10 641
249 setTimeout 질문드립니다. 3 file 웹프공부중 2020.06.09 129
248 스크립트에서 document.write로 표 만들기 질문드립니다. 1 file 입문한 사람 2020.06.08 1107
247 실습문제 1 키보드 향기 2020.06.07 120
246 6단원 실습문제 관련 질문합니다. 1 질문 2020.06.06 110
245 예제 6-24관련 질문드립니다. 3 초보 2020.06.05 67
244 질문드립니다. 1 ㅇㅇ 2020.06.03 306
243 7장 실습문제 8번에서 질문입니다 1 JAVAscript공부중이에요 2020.05.27 408
목록
Board Pagination Prev 1 ... 3 4 5 6 7 8 9 10 11 12 ... 21 Next
/ 21
위로