자바 스크립트에서 구구단을 구현하는 방식은 다양하다. 1. for 문 이용한 방식 구구단을 아래와 같은 형식으로 JS를 이용해 프린트해보자 코드 결과 2. 함수 이용한 방식 function 안에 for문을 넣어 body에서 호출하면 된다. 자바 스크립트 함수 정의 코드 결과 ⬇️ 자바 스크립트 문법 보러가기 TISTORY 나를 표현하는 블로그를 만들어보세요. www.tistory.com
연산자 자바에서 사용하는 연산자 또한 자바스크립트에서 사용할 수 있다. ⬇️ 자바 연산자 보러가기 [Java] 연산자, 연산자의 종류 안녕하세요. 코딩을 배우고 있는 Skylar(Lar) 입니다. 코딩에 대해 배운 내용을 정리하는 블로그를 운영하고 있습니다. 잘못된 정보에 대한 수정은 언제나 환영입니다. 연산자 1) 산술 연산자 보면 skylarcoding.tistory.com 제어문 제어문 또한 사용이 가능하다. if, else if, switch, for, while, do-while 문 등.... ⬇️ 자바 제어문 보러가기 [Java] 제어문, 조건문과 반복문 안녕하세요. 코딩을 배우고 있는 Skylar(Lar) 입니다. 코딩에 대해 배운 내용을 정리하는 블로그를 운영하고 있습니다. 잘못된 정보에 ..
이벤트 UI에 발생한 사건이다. 클릭, 드래그, 페이지 로드, 입력값 변경 등이 있다. 이벤트 핸들러 이벤트가 발생했을 때 자동으로 호출되는 함수이다. 핸들러 등록 속성 on이벤트명 이벤트 처리 click : 클릭 시 발생하는 이벤트이다. onclick load : 페이지 열리자마자 발생하는 이벤트이다. onload window.onload = 함수명; // 코드 결합 function 함수명(){ } //onload 속성에 함수 등록 window.onload=함수명; => window의 onload 속성으로 핸들러 등록. // 위 두개 코드 결합하면. // 해당 함수는 onload 이외에 다시 사용할 일이 없어서 결합하여 한 번 사용하는 익명의 함수를 생성. // 익명함수. 이름이 없는 함수, 이벤트 핸..
페이지 이동 페이지를 이동하게 하는 명령어이다. location.href= "이동할 페이지"; 예시
알림창 alert 메세지와 확인 버튼 하나로 구성된다. alert("메세지"); val 입력박스가 있는 알림창. 입력값을 반환한다. let val = prompt("메시지","초기값"); flag 메시지와 확인, 취소 버튼으로 구성된다. 확인 누르면 true, 취소 누르면 false를 반환한다. let flag = confirm ("메시지"); 예시
함수 함수를 정의할 수 있다. head 에 정의하고, body 에 호출한다. function 함수명(파라메터 목록){ 실행문; return 값; } 함수호출 함수명(); 함수호출 예시 함수 버튼(button)과 함수(function) 텍스트 값 지정 값으로 바꿔주기 텍스트 값을 읽어오는 함수
개발자 도구 자바 스크립트에서는 코드를 통해 오류를 찾는 것이 아닌, 크롬 등의 브라우저의 개발자 모드를 통해 오류를 찾는다. 크롬의 경우, F12 혹은 도구 더보기 - 개발자 도구를 통해 오류를 찾는다. 개발자 도구 사용법 1. 오류가 발생한다면 개발자 도구 상단에 X 표시가 뜨게 된다. 이를 눌러주면 하단에 나온 에러의 파일 명을 선택하면 이와 같은 페이지가 나오며 오류가 생긴 부분을 알려줍니다. 이를 보고 고치면 끝! 참 쉽쥬?
JavaScript 기본 문법 script 태그는 위치는 상관없다. head 안, body 안 둘 다 가능하다. 배열 자바스크립트의 배열은 대괄호로 표현한다. 제이슨(JSON, JavaScript Object Notation) : 중괄호는 객체, 대괄호는 배열 (중요) var나 let 없이 실행이 가능하다. 자바 스크립트에서의 HTML 사용 아래 문법을 이용해 HTML 을 입력한다. document.write("내용"); ⬇️ 자세한 설명 [JavaScript] JavaScript에서의 HTML 사용 JavaScript 에서의 HTML 사용 HTML 문서에 출력하는 메서드이다. document.write("내용"); JavaScript 와 HTML 실행 JS에서 정의한 값을 메서드 문법을 사용해 불러오면..
JavaScript 에서의 HTML 사용 HTML 문서에 출력하는 메서드이다. document.write("내용"); JavaScript 와 HTML 실행 JS에서 정의한 값을 메서드 문법을 사용해 불러오면 다음과 같은 결과를 볼 수 있다.
dotted 테두리가 점으로 이루어진 스타일이다. #d1 {border-style: dotted;} dashed 테두리가 짧은 선으로 이루어진 스타일이다. #d2 {border-style: dashed;} solid 테두리가 두꺼운 선으로 이루어진 스타일이다. #d3 {border-style: solid;} double 두개의 얇은 선으로 이루어진 스타일이다. #d4 {border-style: double;} groove 일반 선으로 이루어진 스타일이다. #d5 {border-style: groove;} ridge 입체감 있는 선으로 이루어진 스타일이다. #d6 {border-style: ridge;} inset 왼쪽과 상단에 음영이 들어간 음각 모양으로 이루어진 스타일이다. #d7 {border-sty..
