대략적으로 말하면, "브라우저를 조작하는 데 사용되는 프로그래밍 언어"
HTML 및 CSS만 할 수 없는 작업
HTML/CSS로 제작된 정적 페이지의 경우 JavaScript로 작업

운영 브라우저

HTML 또는 CSS에서 할 수 없는 일을 하는 데 사용

HTML 및 CSS 실시간 재작성

콘솔에 써볼게요.

console.log('hogehoge');

//□□は○○を△△せよ
//consoleはhogehogeをlogせよ

□ □ 대상
지시된 대상
○○ 방법
객체의 특정 실행 내용을 나타내는 부분
△△을 매개 변수로 삼다
지시에 필요한 상세한 정보, 출력은 무엇입니까?

자바스크립트를 쓰는 곳.

HTML</body> 이전

javascript 파일을 HTML로 읽기

일반적으로 외부 파일에 쓰기

<script>
console.log('hogehoge');
</script>
</body>

새로운 JavaScript로 실행

브라우저에 스트라이프 모드(strict mode)가 있습니다.
기존 JavaScript를 실행하는 모드와 새 JavaScript를 실행하는 모드가 있으며, 이 새 JavaScript를 실행하는 모드를 스트라이프 모드라고 합니다.
새 ES6 코드는 스트라이프 모드가 아니어도 작동이 가능하지만, 오류를 막기 위한 검사 기능 등이 제대로 작동하지 않는 경우도 있다.
JavaScript의 시작 부분에는 기술 막대 모드가 필요합니다.

'use strict';

<script>
'use strict';
</script>

평론의 작법

CSS와 함께

//単一行コメント

/*
複数行
にまたがる
コメント
*/

경고 대화 상자 표시

alert 방법

'use strict';
window.alert('アラート文');

확인 대화 상자

동일한 대화 상자에서 확인을 묻는 메시지가 표시됩니다.
alert 방법과 달리 confirm 방법은 되돌아오는 값을 되돌려줍니다.
confirm은 사용자가 OK 또는 취소를 누르거나 어떤 단추를 눌렀을 때 진짜와 가짜 값을 되돌려줍니다.
클릭한 후 버튼을 누르면 다음 동작을 바꿀 수 있습니다

'use strict';
if(window.confirm('ダイアログボックス')){
  //true[ok]の場合
} else {
  //false[キャンセル]の場合
}

HTML 다시 쓰기

HTML 다시 쓰기
HTML 요소 가져오기getElementById요소 컨텐트 다시 쓰기textContent이러한 HTML 요소를 재정의하는 텍스트를 사용합니다.

<h1 id="change">JavaScript入門</h1>

'use strict';
document.getElementById('change').textContent = 'Ruby入門';

이렇게 하면 HTML 텍스트를 덮어씁니다.

변수와 상수

변수

다음 처리에서 반환 값을 사용하려면 변수로 정의할 수 있습니다.
또한 JavaScript의 처리 속도를 높일 수 있습니다.

정의 변수

데이터를 변수에 대입

변수에서 데이터 읽기

변수 데이터 다시 쓰기

변수 정의

먼저 변수를 정의합니다.
변수에 대한 정의 방법은 여러 가지가 있다.
예약 언어
설명
없음
때로는 예상치 못한 결과를 초래할 수도 있다.추천을 잘 안 받아요.
var
ES5의 메인스트림(MainStream) Write.지금도 쓰고 있어요.
let
ES2015에서 추가.var에 비해 약간 제한이 있지만 부작용이 적다
const
ES2015에서 추가.한 번만 대입할 수 있는 상수를 사용하다.다시 쓸 수 없는 가치를 명확히 표시하기 위해

let answer

answer라는 변수 정의
이해하기 쉬운 변수 이름 사용하기

변수에 데이터 대입

변수에 저장할 데이터 입력
대입 연산자(=)를 사용합니다.
==은 右側のデータを左側に代入する라는 뜻이다.

let answer = window.confirm('ダイアログボックス');

confirm 방법이 되돌아오는 값이 있기 때문에
변수에 저장된 값은 사용자의 작업에 따라 달라집니다.
예컨대

let answer = window.confirm('ダイアログボックス');

//ユーザーがOKを選択した場合

let answer = 'true';
//trueが変数に代入される

변수에서 데이터 읽기

console.log(answer);

변수 데이터 다시 쓰기

answer = 'no';

그러나 변수는 페이지를 표시하는 동안만 이 데이터를 유지합니다.

변수 이름의 명명 방법

무조건 마음에 드는 이름을 지어서는 안 된다.
변수 이름의 명명 조건
- 밑줄()달라이 ($), 숫자를 사용할 수 있습니다.사용할 수 없음(-) 등
- 반쪽 공간 사용 불가
- 첫 번째 문자에는 숫자를 사용할 수 없습니다.
- 예약어 사용 불가
JavaScript 예약어 일람
조건은 아니지만 주의할 점

1자로 설정되지 않은 변수 이름

변수 명칭을 영어 단어로 쓰기

상수

시대를 정의한 데이터를 뒤에서 다시 쓸 수 없는 변수를 가리킨다.
상수의 경우let 대신 const 사용

조건 브랜치(if)

if(条件A){
    //Aがtrueだった場合の処理
} else if (条件B) {
    //Bがtrueだった場合の処理
} else {
   //どちらともfalseだった場合の処理
}

비교 연산자

연산자
의향
a === b
a와 b는 같다
a !== b
a와 b는 다르다
a < b
a는 b보다 작다
a <= b
a 는 b 이하입니다.
a > b
a가 b보다 크다
a >= b
b 이상

참조 링크

JavaScript|MDN

JavaScript | 참조