JavaScript 객체 실습 문제 1
2022. 12. 23. 21:56
Front/JavaScript 실습문제
- 입력버튼을 눌러 이름, 나이, 주소를 prompt로 입력받고 객체에 저장한 후, 출력버튼을 클릭하면 그 정보를 아래와 같이 출력하도록 만들기 (단, 입력을 받지 않은 상태에서 출력 버튼 클릭시 입력을 먼저 해달라는 알림을 띄우도록 할 것) ex) 이름 : 000 나이 : xx세 주소 : XXXXX 1) 나의 답안 >> member 객체를 전역변수로 생성한 후 , 입력버튼 클릭시 프롬프트를 통해 값을 입력하도록 하고 입력받은 값을 객체 속성에 대입 출력버튼 클릭시 입력값이 비어있을경우(null) 알림창을 통해 "정보를 먼저 입력해주세요"를 출력 비어있지 않을 경우 member객체에 담긴 값을 출력하도록 함 2) 선생님 답안 >> 전역변수로 객체를 생성한 후 입력값을 대입한것은 비슷하나,입력버튼 클릭시 ..
JavaScript 배열 실습 문제 5
2022. 12. 23. 21:24
Front/JavaScript 실습문제
- 해당 라디오버튼 클릭시 내용을 입력받을 수있는 영역이 보이도록 코드를 작성하세요. > CSS 영역 : 버튼을 누르기 전에는 div영역이 보이지 않도록 dispaly: none;으로 설정 검색할 항목을 선택하세요. 제목 날짜 작성자 검색할 제목을 입력하세요 : 검색할 날짜를 선택하세요 : - 검색할 작성자 아이디를 입력하세요 : > HTML 영역 : 라디오 버튼에 onclick속성을 추가하여 클릭했을시 발생할 함수를 아이디를 전달하면서 호출 클릭했을시 보여질 검색화면을 미리 작성 >JavaScript영역 : 라디오 버튼을 클릭했을시 해당 박스가 보여지도록 조건문을 제시 전달받은 라디오버튼의 아이디에 문자열 "Box"를 더한것과 div영역의 id가 동일하면 박스display = "block"(보여지도록)..
JavaScript 배열 실습 문제 4
2022. 12. 23. 21:17
Front/JavaScript 실습문제
- 다음 보기의 문자열을 바탕으로 삭제할 음식과 추가할 음식을 입력받아 지우고, 추가하는 코드를 작성하시오. (단, 1개씩 입력) HTML 삽입 미리보기할 수 없는 소스 보기 피자 치킨 당근 햄버거 떡볶이 이 부분에 정답이 출력 될 수 있도록 하세요 처리 및 출력 >> 1. label에 있는 문자열 사이의 공백을 기준으로 split으로 나눠 배열에 옮겨담기 2. 삭제할 음식과 추가할 음식을 입력받은 값을 변수에 담음 3. 반복문을 통해 배열에 담긴 값과 입력받은 삭제할 음식이 일치할때 splice 메소드를 통해 삭제 배열.splice(시작인덱스, 제거수,(추가할값) ) 4. 입력받은 추가할 음식은 push메소드를 통해 배열에 추가 5. id가 "print4" p태그 영역의 html에 배열을 출력
JavaScript 배열 실습 문제 3
2022. 12. 20. 19:15
Front/JavaScript 실습문제
문자열을 여러개 입력받아 출력버튼 클릭시 입력했던 모든 문자열이 출력되도록 만들기 입력 입력 이 부분에 정답이 출력 될 수 있도록 하세요 출력 >> 두개의 함수에서 모두 배열을 사용할 수 있도록 전역변수로 선언, 입력버튼 클릭시 입력한 값들이 배열에 담기도록 push메소드 사용 출력버튼 클릭시 배열에 담긴 값들을 출력 HTML 삽입 미리보기할 수 없는 소스
JavaScript 배열 실습 문제 2
2022. 12. 20. 19:11
Front/JavaScript 실습문제
보기의 값을 "brlove" 로 출력하기 보기 r b e v o l 이 부분에 정답이 출력될 수 있도록 하세요 처리 >> label안의 문자열을 split (" ") (공백) 으로 나눈후 reverse()를 사용해 배열의 값 뒤집기 배열에 담아 두개의 배열을 concat()으로 합침 join('")을 사용해 하나의 문자열로 출력 HTML 삽입 미리보기할 수 없는 소스
JavaScript 배열 실습 문제 1
2022. 12. 20. 19:02
Front/JavaScript 실습문제
보기의 데이터를 배열로 받고 하나의 배열로 합친후, 찾을 문자열을 입력 한 후 버튼을 누르면 alert를 통해 배열의 위치를 알려주고, 없으면 존재하지 않습니다를 출력하기 보기 사과,바나나,당근 김밥,치즈,떡볶이,햄버거 환타,사이다,콜라 고양이,강아지 전송 및 처리 >> label안의 문자열을 split메소드로 문자열을 나눈 후 배열안에 담기 concat()을 이용해 배열을 하나로 합치고, indexOf()를 통해 입력한 값의 인덱스를 찾음 >>indext == -1 경우 : 입력한 값이 배열안에 존재하지 않음 -> 존재하지 않는다는 경고창 띄우기 HTML 삽입 미리보기할 수 없는 소스
JavaScript 실습문제 4. 간이 계산기 만들기
2022. 12. 20. 18:52
Front/JavaScript 실습문제
위의 형태대로 값을 입력받아 간이 계산기 만들기 첫번째 값 : 두번째 값 : 계산결과 : HTML 삽입 미리보기할 수 없는 소스
JavaScript 실습문제 3. 버튼을 눌러 크기 조정하기
2022. 12. 16. 20:39
Front/JavaScript 실습문제
1. div요소와 버튼 만들기 50x50 원본(100X100) 200X200 2. 버튼클릭시 발생하는 메소드 작성 >>> 위의 세가지 메소드를 한개로 정의 가능( 매개변수 이용) 50x50 원본(100x100) 200x200 HTML 삽입 미리보기할 수 없는 소스
JavaScript 실습문제 2. 버튼을 클릭해 색상 변경하기
2022. 12. 16. 20:32
Front/JavaScript 실습문제
1. 바뀐 색상이 들어갈 div요소와 색상선택할 input요소, 버튼 생성하기 변경 2. 색상선택 후 div의 backgroundColor 변경되도록 함수 작성 >>위의 코드를 아래와 같이 한줄로 변경할 수 있음 HTML 삽입 미리보기할 수 없는 소스
JavaScript 실습문제 1. 행과 열 입력받아 테이블 만들기
2022. 12. 16. 20:21
Front/JavaScript 실습문제
1. prompt를 통해 행과 열의 개수를 입력받아 변수에 저장 var row = prompt("테이블 행의 갯수는? "); var col = prompt("테이블 열의 갯수는? "); 2. 반복문을 통해 입력받은 행과 열 갯수만큼의 테이블 생성구문 작성 ( 이중 for문 ) var table = ''; for(let i = 0; i>> 버튼 눌러서 확인 HTML 삽입 미리보기할 수 없는 소스