Open Challenge p.469 파일명 : openChallenge.html 실습문제 1. 파일명 : challenge1.html HTML5 HTML5를 학습하는 사이트입니다. 여기서 HTML5, CSS3, 자바스크립트를 배울 수 있습니다. 2. 파일명 : challenge2.html HTML5 HTML5를 학습하는 사이트입니다. 여기서 HTML5, CSS3, 자바스크립트를 배울 수 있습니다. 3. (1) 파일명 : challenge3_1.html 옵션 선택으로 사이트 접속 옵션 선택 마다 새 윈도우에 접속합니다. 접속할 사이트 네이버 구글 오라클 (2) 방식은 맞는 듯하나 , 구글 페이지에서 다른 페이지로 넘어갈 때 새로운 윈도가 열린다. 책이 제공하는 정답을 확인해 보았으나 정답은 맞은 것으로 ..

Open Challenge p.430 파일명 : openChallenge.html 이번 오픈챌린지는 이미지 객체를 삭제하는 방법도 있지만 문제에서 제공한 힌트에서 를 삽입하여 이미지가 소스가 없게 하도록 되어있어서 제시한 대로 해결하였다. 이미지 객체를 삭제하는 방법은 querySelector로 td 태그에 있는 이미지 객체를 가져와서 이미지 객체가 존재한다면 removeChild로 객체를 삭제하고 그다음 랜덤 포인트에 다시 이미지 객체를 appendChild로 넣도록 하였다. 마우스 클릭 연습 실습문제 1. 파일명 : challenge1.html 포커스와 onblur,onfocus 브라우저 바깥에 마우스를 클릭하면 window 객체에 blur 이벤트가 발생하고 다시 마우스를 클릭하면 window 객체에..

Open Challenge p.380 3개의 숫자가 모두 같으면 성공하는 겜블링 게임 웹 페이지를 작성하라. 처음에는 3개의 숫자 모두 0으로 출력되지만, 각 숫자를 클릭하면 0~2 사이의 랜덤 한 값으로 출력한다. 마지막 숫자를 클릭할 때 3개의 숫자를 검사하여 모두 같으면 성공한 것으로 한다. 파일명 : openChallenge.html 겜블링 게임 각 숫자를 클릭하면 0에서 2사이의 난수로 바뀝니다.모두 같은 수가 나오면 승리합니다. 0 0 0 실습문제 1. 다음은 HTML 페이지와 브라우저의 출력 결과이다. (2) 와 태그 사이에 다음과 같이 자바스크립트 코드를 작성하여 모든 태그를 찾아 글자 색을 green으로 출력하라. ※ Hint document.getElementsByTagName("li"..

Open Challenge p.340 다음 배열에 들어 있는 각 문자열을 다음 브라우저 화면과 같이 리스트의 아이템으로 출력하는 웹 페이지를 작성하라. 파일명 : openChallenge.html 라면을 만드는데 필요한 재료 실습문제 1. 1에서 100(100 포함) 사이의 난수 10개를 생성하여 plots 이름의 배열에 저장하고, 배열에 저장된 수 중 가장 큰 수를 출력하는 웹 페이지를 작성하라. 파일명 : challenge1.html 난수 10 개 생성 2. prompt() 함수를 반복 호출하여 5개의 정수를 입력받아 배열에 저장하고 입력된 반대 순으로 출력하는 웹 페이지를 작성하라. 파일명 : challenge2.html 정수 5개 입력받아 역순으로 출력 3. 예제 7-6을 수정하여 웹 페이지를 접..

Open Challenge p.303 다음 조건을 따라 prompt()로 정수를 입력받아 개수만큼 *를 출력하는 웹 페이지를 작성하라. 별 문자를 출력하는 함수를 만들고 이름을 printStar()로 하라. prompt() 입력 창에 사용자가 실수, 문자열 등 양의 정수가 입력되지 않은 경우 모두 "입력 오류입니다."를 출력하라. ※ Hint prompt()가 리턴한 문자열을 parseInt()를 이용하여 정수로 변환하고 정수로 잘 변환되었는지 isNaN() 함수로 확인하면 된다. 파일명 : openChallenge.html 실습문제 1. HTML페이지와 출력 결과를 보고 물음에서 요구하는 대로 페이지를 수정하라. 파일명 : challenge1.html 마우스를 올려보세요 여기에 마우스를 올리면 배경색이..