IT 공부하는 블로그

기본 문법 문제 문제1. 다음 보기에 있는 텍스트 필드에 작성한 문자열의 길이를 알아올 수 있도록 구현하시오 보기 확인하기 문제2. 다음 보기에 있는 문자열을 ,(콤마) 를 기준으로 잘라내어 하나하나 출력하시오 (동작 결과는 정답을 확인하셔도 됩니다.) 보기 콜라,사이다,햄버거,피자,한약 확인하기

문제 1. 색상 선택후 변경 버튼을 클릭하면 색상이 변경되도록 만들어 보시오 변경 문제 2. 버튼에 따른 크기 조절이 가능하게 만들어 보시오 50x50 원본(100x100) 200x200

간이 계산기 만들기 첫번째 값 : 두번째 값 : 계산결과 : Hint 1. 함수에 인자값을 넘길 경우 함수 처리 방법 ex) -> onclick="calculator(this.value); 일경우 -> function calculator(value) 처리 할 수 있음 2. 변수에 담겨진 값은 string 입니다. -> "10" "10"을 숫자형으로 바꾸려면 Number() 함수를 사용하세요. --> var num1 = Number("10"); 3. switch 문은 자바에서 사용한 switch 문과 동일 합니다.

자동 테이블 만들기 + 카운트 테이블 생성

자동 테이블 만들기 힌트 : 반복문은 자바랑 같습니다. 다만! 변수만 var 데이터형이라는걸 기억해주세요 document.write()를 연달아 호출하면 이전 document.write() 뒤에 이어서 쓰여집니다. document.write("Hello"); document.write("World"); [실행결과] HelloWorld 테이블 생성

데이터 출력 #1_ alert으로 출력 #2_ document.write()로 내용 출력 출력 #3_ innerHTML로 요소의 내용 변경하기 innerHTML 확인 #4_ console.log()로 개발자 도구 콘솔 화면에서 데이터 출력하기 콘솔에 내용 출력 #5_ window.confirm()을 이용해서 데이터 입력 졸린지 확인 #6_ window.prompt()를 이용해서 데이터 입력하기 이름 입력 더보기 자바 스크립트의 데이터 입출력 데이터 출력 출력 innerHTML로 요소의 내용 변경하기 자바 스크립트에서 태그 앨리먼트의 값을 읽거나, 변경할 때 innerHTML 속성을 사용함. innerHTML 확인 console.log()로 개발자 도구 콘솔 화면에 출력하기 개발자 도구 콘솔 화면에 출력을..

자바 스크립트 작성 방법 소스는 함수 단위로 작성하고, 이벤트 속성을 사용해서 구동되게 한다. on이벤트명 = "실행할 함수명([전달값])" #_ inline 방식 태그에 직접 간단한 소스코드를 작성해서 실행한다. console 출력! 마우스오버 #_ internal 방식 script 태그 영역에 작성해서 실행되게 하는 방법(head, body 태그에 작성도 가능하다.) 함수 실행 확인용 버튼 #_ external 방식 별도의 js파일로 작성해서 가져다 사용하는 방법 samp() 실행 더보기 자바 스크립트 개요 스크립트 언어란? 기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도로 사용됨 매우 빠르게 배우고 짧은 소스코드 파일로 상호작용 하도록 고안되었다. 자바스크립트 웹 브라우저에서 많..