word-relay 예제 따라하기 - if편

참조

이 글은 Let's Get IT 자바스크립트 프로그래밍이라는 책의 예제를 따라하며 자습하는 글입니다.

이번 페이지에 본 예제

<script>
	const number = Number(prompt('몇 명이 참가하나요?'));
    const $button = document.querySelector('button');
    const $input = document.querySelector('input');
    const $word = document.querySeclector('#word');
    
    //제시어
    let word;
    
    //현재 단어
    let newWord;
    
    const onClickButton = () => {
    	if (!word) { //제시어가 비었는가
        	word = newWord; //입력한 단어가 제시어가 된다
            $word.textContent = word;
        } else {
        	//비어있지 않다.
		}
	};
    
    const onInput = (event) => {
    	newWord = event.target.value; //입력하는 단어를 현재 단어로
    };
    
    $button.addEventListener('click', onClickButton);
    $input.addEventListener('input', onInput);
</script>

공부해야 할 파트

if (!word) {
	word = newWord;
	$word.text.Content = word
	} else {
    
    }

if문

출처

https://goddaehee.tistory.com/225
자바스크립트 코드레시피 278

특정 조건을 만족 시 실행하는 명령의 집합.

문법 :

if (조건식) {
	조건문
} else if (조건식) {
	조건문
} else {
	조건문
}

예시문

const myPrice = 100;

if (myPrice >= 50) {
	alert('myPrice는 50 이상입니다.');
} else if (myPrice >= 10) {
	alert('myPrice는 10 이상 50 미만입니다.');
} else {
	alery('myPrice는 10 미만입니다.');
}

참조 : 거짓으로 취급하는 값

1. false
2. undefined
3. null
4. 0
5. NaN
6. the empty string("")

후일담

if를 처음 본 것은 엑셀이었다.
그 당시의 나는 사무직이었고, 사무직의 필수불가결인 프로그램인 엑셀을 어느정도 다뤄야 하는 신분이었다.

외형이 달라 아직도 햇갈리지만, 기본 원리는 같아서 이해가 쉬웠다.

=if(C2="YES", 1, 2)

<script>
let C2 = "YES"

if (let === "YES") {
	console.log(1)
} else {
	console.log(2)
}
</script>

그 당시엔 몰랐지만 돌이켜 생각해보면 이렇게 써볼 수 있는 날이 올 줄은 몰랐다.