06. 새로운 요소 추가하기

06. 새로운 요소 추가하기다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요. 1. 행과 열의 개수를 입력한 값에 따라 표를 그리는 프로그램을 작성한다.2. table 요소 노드를 만든다.3. 입력한 행의 개수만큼 반복하면서 tr 요소 노드를 만든다.4. 입력한 열이 개수만큼 다음 과정을 반복한다. - td 요소 노드를 만든다. - 텍스트 노드를 만든다. - 텍스트 노드를 td 요소 노드의 자식 노드로 만든다. - td 요소 노드를 tr 요소 노드의 자식 노드로 만든다.5. tr 요소 노드를 table 요소 노드의 자식 노드로 만든다.6. table 요소 노드를 필요한 위치에 추가한다.  행 열 작성 결과 화면A. 해설1. 행과 ..

• format_list_bulleted 💠문제 풀이/JavaScript 문제 풀이
• · 2022. 8. 29.
• textsms

05. DOM 에 접근하기

05. DOM 에 접근하기다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요. 1. 항목 앞 체크 표시를 누르면 항목 텍스트의 글자색이 바뀌며 가로줄이 그려지는 프로그램을 작성한다.2. 체크 표시 부분을 가져와 노드 리스트를 만든다. 요소를 이용한다.3. 노드 리스트에 있는 요소 전체를 반복하면서 click 이벤트가 발생하면 실행할 함수를 연결한다.4. 클릭이 발생한 요소에서 글자 색상 스타일을 회색(#CCC) 으로 바꾼다. 5. 클릭한 요소의 부모 노드에서 밑줄 스타일(text-decoration) 을 가로줄(line-through) 로 바꾼다.  할 일 목록 ✓할 일 1 ✓할 일 2 ✓할 일 3 ✓할 일 4 ..

• format_list_bulleted 💠문제 풀이/JavaScript 문제 풀이
• · 2022. 8. 29.
• textsms

04. 자바스크립트의 내장 객체를 사용한 문제 II

04. 자바스크립트의 내장 객체를 사용한 문제 II다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요.(문서 안에 html 파일이 있다고 가정한다.) 1. [현재 시간 보기] 버튼을 누르면 현재 시간이 있는 html 파일이 팝업 창으로 나타나는 프로그램을 작성한다.2. 화면의 너비값에서 팝업 창의 너비값(400px)을 빼고 2로 나누면, 팝업 창이 시작할 left 가 된다.3. 화면의 높이값에서 팝업 창의 높이값(200px)을 빼고 2로 나누면, 팝업 창이 시작할 top 이 된다.4. 팝업 창의 좌표값(left, top)과 창의 크기 width, height 를 하나의 문자열로 저장한다.5. window.open( ) 메서드를 실행하여 팝업 창을 보여준다.  현재 시간 보기 결과 ..

• format_list_bulleted 💠문제 풀이/JavaScript 문제 풀이
• · 2022. 8. 24.
• textsms

03. 자바스크립트의 내장 객체를 사용한 문제 I

03. 자바스크립트의 내장 객체를 사용한 문제 I다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요. 1. 현재 시각을 브라우저에 표시하는 프로그램을 작성한다.2. 날짜, 시간 정보가 들어있는 Date 객체의 인스턴스를 만들어 변수로 저장한다.3. Date 객체의 메서드 중에서 지역 시간 정보를 알려주는 메서드를 실행하여 currentTime 변수에 저장한다. 현재 시각 결과 화면A. 해설1. 현재 시각을 브라우저에 표시하는 프로그램을 작성한다.2. 날짜, 시간 정보가 들어있는 Date 객체의 인스턴스를 만들어 변수로 저장한다.--> var 예약어로 now 변수를 만들고, new 예약어로 Date( ) 인스턴스를 생성한다.3. Date 객체의 메서드 중에서 지역 시간 정보를 알려주는 메서드..

• format_list_bulleted 💠문제 풀이/JavaScript 문제 풀이
• · 2022. 8. 23.
• textsms

02. 함수 선언하고 호출하는 문제 II

02. 함수 선언하고 호출하는 문제 II다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요. 1. 프롬포트 창에서 입력받은 두 수를 num1, num2 변수에 저장한다.2. 두 수가 같을 경우 '같습니다.'를 표시한다.3. 두 수를 입력받아 크기를 비교하여 더 큰 숫자를 알림 창에 표시하는 함수를 작성한다.  결과 화면A. 해설1. 프롬포트 창에서 입력받은 두 수를 num1, num2 변수에 저장한다.--> prompt 함수로 사용자 입력받고, parseInt 함수로 입력받은 문자열을 숫자으로 바꾸어 var 예약어로 만든 num1, num2 변수에 넣는다.2. 두 수가 같을 경우 '같습니다.'를 표시한다.3. 두 수를 입력받아 크기를 비교하여 더 큰 숫자를 알림 창에 표시하는 함..

• format_list_bulleted 💠문제 풀이/JavaScript 문제 풀이
• · 2022. 8. 16.
• textsms

01. 함수 선언하고 호출하는 문제 I

01. 함수 선언하고 호출하는 문제 I다음 결과 화면을 참고하여 조건에 맞게 웹 문서를 작성하세요. 1. 함수 선언은 function sumMulti(x, y)로 한다.2. 콘솔 창에 표시할 때 console.log( )를 사용한다.3. sumMulti( ) 함수는 사용자에게 입력받은 두 수의 값이 같으면 두 수를 곱하고, 다르면 더하는 함수이다.4. 두 수의 값으로 5, 10을 실행할 때, 10, 10을 실행할 때의 결과를 콘솔 창에 표시한다.  결과 화면A. 해설1. 함수 선언은 function sumMulti(x, y)로 한다.2. 콘솔 창에 표시할 때 console.log( )를 사용한다.3. sumMulti( ) 함수는 사용자에게 입력받은 두 수의 값이 같으면 두 수를 곱하고, ..

• format_list_bulleted 💠문제 풀이/JavaScript 문제 풀이
• · 2022. 8. 16.
• textsms