Hyunsun

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.425 Open Challenge 09 마우스 클릭 연습 마우스 클릭을 연습하는 웹 페이지를 작성해 보자. 10x10의 셀 을 가진 표를 만들고 랜덤하게 선택한 셀에 이미지를 출력하라. 이미지를 클릭하면 다른 셀을 랜덤하게 선택하여 이미지를 출력한다. 코드 결과

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.377 Open Challenge 08 갬블링 게임 웹 페이지 만들기 3개의 숫자가 모두 같으면 성공하는 갬블링 게임 웹 페이지를 작성하라. 처음에는 3개의 숫자 모두 0으로 출력되지만, 각 숫자를 클릭하면 0~2 사이의 랜덤한 값으로 출력한다. 마지막 숫자를 클릭할 때 3개의 숫자를 검사하여 모두 같으면 성공한 것으로 한다. 코드 test.html 갬블링 게임 각 숫자를 클릭하면 0에서 2사이의 난수로 바뀝니다. 모두 같은 수가 나오면 승리합니다. 0 0 0 결과

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.338 Open Challenge 07 배열을 리스트의 아이템으로 출력하기 다음 배열에 들어 있는 각 문자열을 다음 브라우저 화면과 같이 리스트의 아이템으로 출력하는 웹 페이지를 작성하라. var itemlist = ["라면", "계란", "물", "파"]; 코드 test.html 라면을 만드는데 필요한 재료 결과

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.300 Open Challenge 08 별문자(*) 출력하기 다음 조건을 따라 prompt()로 정수를 입력받아 개수만큼 *를 출력하는 웹 페이지를 작성하라. 별 문자를 출력하는 함수를 만들고 이름을 printStar()로 하라. prompt() 입력 창에 사용자가 실수, 문자열 등 양의 정수가 입력되지 않은 경우 모두 "입력 오류입니다."를 출력하라. HINT prompt()가 리턴한 문자열을 parseInt()를 이용하여 정수로 변환하고 정수로 잘 변환되었는지 isNaN() 함수로 확인하면 된다. 코드 test.html 별 문자 출력하기 결과

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.249 Open Challenge 05 컴퓨터 기술 소개 웹 페이지: CSS3로 태그 배치하기 CSS3의 배치 기능을 이용하여 4장의 open challeng에서 작성한 4.html, 4.css, survey4.html, survey4.css를 수정하여 다음 브라우저 출력처럼 되게 하라. 설문지 소프트웨어 기술에 대한 의견을 듣습니다. 많은 참여 부탁드립니다. 학년 1학년 2학년 3학년 4학년 성별 남 여 관심 분야 모바일 소프트웨어 웹 서비스 빅데이터 디지털 콘텐츠 및 가상 현실 진로(다중 선택) 개발 기획 영업 창업 남기고 싶은 말 Copyright 2021 by Hyunsun survey5.css html, body {..

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.202 Open Challenge 04 컴퓨터 기술 소개 웹 페이지: CSS3로 모양 꾸미기 웹 페이지를 CSS3를 이용하여 꾸며보자. 3장의 open challenge에서 작성한 웹 페이지를 수정하여 4.html 파일로 만들고 설문조사 페이지는 survey4.html로 작성하라. 다음 사례처럼 CSS3로 독자 스스로 모양을 꾸며라. 힌트 4.html의 모양을 꾸밀 CSS3 스타일 시트는 4.css 파일로 작성하고, 4.html에 다음 코드를 추가하여 4.css 파일을 불러온다. survey4.html을 꾸밀 CSS3 스타일 시트는 survey4.css 파일로 작성하고, survey4.html에 다음 코드를 추가한다. 코드 ..