[Web Dev] javascript value 가져오는 방법

 

javascript에서 HTML의 value값을 가져오는 방법은 간단하다.

 

document.querySelector('#value_id').value

document.getElementById('#value_id').value

document.getElementByClass('.value_class').value

 

이런식으로 가져오면 된다.

 

 

다음 예제를 보자.

 

<input id=night_day type="button" value="day" onclick="
    if(document.querySelector('night_day').value === 'day'){
        document.querySelector('body').style.backgroundColor = 'white';
        document.querySelector('body').style.color = 'black';
        this.value = 'white';
    }
    else{
        document.querySelector('body').style.backgroundColor = 'black';
        document.querySelector('body').style.color = 'white';
        this.value = 'night';
    }
    ">

 

<input> 태그의 id를 이용해서 조건문을 가동하는 코드다.