본문 바로가기
반응형

문제11

자바스크립트 이벤트 마무리 문제(2) 자바스크립트 이벤트 마무리 문제(2) 책 : 모던 자바스크립트 프로그래밍의 정석 221페이지 참고 마무리 문제 2 이벤트를 활용해 필요에 따라 표시했다가 감추는 메뉴를 만들어 보겠습니다. 메뉴 아이콘을 클릭하면 메뉴가 표시되고, 다시 클릭하면 메뉴가 숨겨지는 예제를 만들 것입니다. 버튼을 클릭할 때마다 변수와 메뉴에 .active 스타일을 토글하는 소스를 작성해 보세요. 길라잡이 버튼과 메뉴를 가져와서 각각 변수로 저장합니다. 버튼에 click 이벤트가 발생했을 때 실행할 함수를 연결하는데, 이 함수에서는 버튼과 메뉴에 active 클래스 스타일을 토글합니다. 코드 보기 / 완성화면 코드 블럭 📋 Javascript Typerscript Node.js 구성 body 태그에 button 태그와 nav 태그.. 2023. 3. 30.
자바스크립트 이벤트 마무리 문제(1) 자바스크립트 이벤트 마무리 문제(1) 책 : 모던 자바스크립트 프로그래밍의 정석 220페이지 참고 마무리 문제 1 문서에는 하나의 이미지가 삽입되어 있습니다. 이 이미지의 위에 마우스 포인터를 올려놓았을 때 다른 이미지로 바뀌었다가 이미지에서 마우스 포인터를 다른 곳으로 이동하면 다시 원래의 이미지로 바뀌는 소스를 작석해 보세요. 길라잡이 문서에서 태그에는 id나 class가 없습니다. 태그 이름을 사용하거나 2개 이상의 선택자를 연결한 후 이미지를 가져와서 변수에 저장합니다. 마우스 포인터를 이미지의 위에 올려놓을 때는 mouseover 이벤트가, 마우스 포인터를 다른 곳으로 이동할 때는 mouseout 이벤트가 발생합니다. 이벤트가 발생했을 때 이미지의 src 속성값을 바꿉니다. 코드 보기 / 완성화.. 2023. 3. 30.
자바스크립트 쪽지 시험(5) 자바스크립트 쪽지 시험(5) 길라잡이 수업시간에 배운 자바스크립트를 간단하게 테스트합니다. 제대로 배웠는지 간단하게 테스해보세요! 1. 다음 결괏값 중 -1이 나오는 갯수를 구하시오. { const str = "javascript refercence"; str.indexOf("javascript"); str.indexOf("javascripts"); str.indexOf("j"); str.indexOf("J"); str.indexOf("a"); str.indexOf("ja"); str.indexOf("jv"); str.indexOf("refercence"); str.indexOf("r"); str.indexOf("re"); str.indexOf("javascript", 0); str.indexOf("ja.. 2023. 3. 26.
자바스크립트 함수 마무리 문제 자바스크립트 함수 마무리 문제1, 2 책 : 모던 자바스크립트 프로그래밍의 정석 155, 156페이지 참고 마무리 문제 1 사용자가 프롬프트 창에 숫자를 입력했을 때 그 숫자를 함수로 넘겨주고, 함수에서는 숫자가 양수인지, 음수인지, 또는0인지 판단해서 알림 창에 보여주는 프로그램을 작성해 보시오. 길라잡이 숫자를 받아서 양수, 음수, 0을 판단하고 알림 창에 표시하는 함수를 선언합니다. parseInt( ) 함수를 사용해 프롬프트 창에 입력한 내용을 숫자로 변환합니다. 프롬프트 창에 입력한 내용이 숫자가 아니면 parseInt( ) 함수는 NaN을 변환합니다. 반환값이 숫자일 경우에만 함수를 실행합니다. See the Pen Untitled by dongjin6539 (@dongjin6539) on C.. 2023. 2. 28.
자바스크립트 연산자와 제어문 마무리 문제 자바스크립트 연산자와 제어문 마무리 문제1, 2 책 : 모던 자바스크립트 프로그래밍의 정석 113페이지 참고 마무리 문제 1 주어진 배열에서 10보다 큰 값을 찾아서 화면에 표시해 보세요. 길라잡이 배열 요소의 개수만큼 for 문을 반복합니다. if 문을 사용해서 요소의 값과 10을 비교합니다. document.write 문을 사용해서 화면에 표시합니다. See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen. const arr = [1, 3, 5, 7, 9, 11, 13, 15, 17, 19]; for(let i=0; i10){ document.write(arr[i] + ","); } } 풀이 방법 표시된 배열을 배열 표현 방법을 이용해 나열을 해.. 2023. 2. 24.
반응형