본문 바로가기
728x90
반응형
SMALL

Do it! 자바스크립트 입문15

[Javascript] Do it! 자바스크립트 입문 - 연산자 공부단 2일차-3입니다. 산술연산자와 할당 연산자 연산자이름 기호 설명 더하기 + c = a + b 빼기 - c = a - b 곱하기 * c = a * b 나누기 / c = a / b 나머지 % c = a % b 증가 ++ a++ 감소 -- a-- += y += x -= y -= x *= y *= x /= y /= x %= y %= x currentYear - birthYear + 1 피연산자 : currentYear, birthYear , 1 연산자 : -, + 할인 가격 계산 프로그램 만들기 원래 가격 원 할인율 % 할인 가격 계산하기 function showPrice() { var originPrice = document.querySelector('#oPrice').value // 입력한 값 받아오.. 2024. 1. 5.
[Javascript] Do it! 자바스크립트 입문 - 자료형 공부단 2일차-2입니다. 자료형의 종류 자료형 설명 기본형 number 숫자 string 문자열. '' 혹은 ""로 묶어 표현 boolean 참과 거짓 두 가지 값만 가짐 undefined 자료형을 지정하지 않았을 떄 유형(값을 정의하지 않은 변수) 복합형 null 유효하지 않은 값 array 배열 object 함수와 속성이 포함된 유형 자료형을 확인하는 연산자 - typeof 연산자 정수형&실수형 정수와 실수 둘다 number로 나옵니다. 즉, 둘 다 숫자형입니다. 문자형 논리형 undefined와 null undefined는 처음부터 변수에 값이 할당되지 않았다 는 의미입니다. undefined자료형이 아닙니다. null은 처음에 할당된 값이 유효하지 않다 라는 의미입니다. 보통 변수를 초기화 할 때.. 2024. 1. 5.
[Javascript] Do it! 자바스크립트 입문 - 변수 공부단 2일차-1입니다. 변수란? 변하는 값을 저장할 때 사용합니다. 변수의 예) name, age, student, user, gender, ... 등 상수란? 변수가 변하는 값이면 상수는 변하지 않는 값입니다. 변수를 선언하는 3가지 규칙 변수명은 의미있게 짓는다. 두 개의 단어 이상을 연결할 경우 카멜표기법을 사용한다.(혹은 _를 사용한다) 카멜표기법: userName, currentYear, userAge, ... 등 첫 글자는 반드시 문자, _, $ 기호로 시작해야 한다. 변수에 값이나 식 저장하기 var name = "Jun" var age = 23 var birthYear = 2000 나이 계산 프로그램 만들기 나이 계산하기 (결과 값 표시) function calc() { const cur.. 2024. 1. 5.
[Javascript] Do it! 자바스크립트 입문 - 출력함수 공부단 1일차-5입니다. alert() 함수는 알림창으로 출력하는 함수입니다. alert("Hello Javascript") 위의 코드를 js파일에 작성하고 html문서에 연결한 후 실행하면 알림창이 뜨는걸 확인할 수 있습니다. document.write() 함수는 웹 브라우저 화면에 출력하는 함수입니다. var name = prompt("이름을 입력하세요") document.write("" + name + "님 환영") 전 글에서 작성했던 코드입니다. console.log() 함수는 콘솔에 출력하는 함수입니다. var name = prompt("이름을 입력하세요") console.log("" + name + "님 환영") 이렇게 작성하고 실행하면 콘솔에 출력하는 것을 볼 수 있습니다. 콘솔을 확인하는 .. 2024. 1. 4.
[Javascript] Do it! 자바스크립트 입문 - prompt()함수 공부단 1일차-4 입니다. prompt() 함수는 사용자에게 어떤 값을 입력받을 때 사용하는 함수입니다. 먼저 콘솔창에서 실행해 보겠습니다. 콘솔창에서 prompt();를 입력하고 Enter키를 누르면 입력받는 창이 뜹니다. 그리고 값을 입력하고 확인을 누르면 이렇게 결과가 출력됩니다. 이것을 vscode에서 해보겠습니다. promptPractice.html 파일을 생성 후 위의 코드를 작성하고 실행하면 이렇게 입력받는 창이 뜹니다. 값을 입력하면 위의 실행결과 화면이 출력됩니다. 여기서 var userName = prompt('당신의 이름은?') 이 prompt() 함수로 값을 입력받고 그 값을 userName이라는 변수에 저장한다는 의미입니다. 그리고 document.write(userName)를 이.. 2024. 1. 4.
[Javascript] Do it! 자바스크립트 입문 - <script> 태그 공부단 1일차-3입니다. HTML 문서안에 이런식으로 작성하는 것은 간단한 코드일 경우에는 상관없지만 큰 규모의 프로젝트를 할 경우 효율적이지 못합니다. 그래서 외부 스크립트 파일을 연결해야 합니다. 2번 외부 스크립트 파일 연결하기 자바스크립트 위 텍스트를 클릭해 보세요 var heading = document.querySelector('#heading'); heading.onclick = function() { heading.style.color = "red"; } 이런식으로 분리해서 만들면 큰 규모의 프로젝트를 할 때는 훨씬 효율적입니다. 2024. 1. 4.
728x90
반응형
LIST