자바스크립트 | 내장함수 | 시간지연함수, 시간반복함수, 대화상자

시간함수

//시간지연함수
setTimeout(func, time)

//시간반복함수
setInterval(func, time)

//시간입력시 ms단위로 입력

setTimeout(function(){ console.log("펑")},3000)
2
//펑
let time = 10
//undefined
setInterval(function(){
console.log(time)
time = time-1
},1000)

setInterval(function(){

        if(time >= 0){
            console.log(time)
            time = time - 1
        }

대화상자

/*prompt
기본적으로 문자열이다. 숫자를 인식하려면 다음과 같은 코드 사용.
사용자가 입력한 메세지가 문자열 형태로 전달, 입력하지않고 취소를 누르면 null 이 전달*/
const number = parseInt(prompt('몇 명이 참가하나요?'),10);

/* +취소 눌렀을 때 실행안되게하려면 
prompt 함수에서 취소를 누르면 값이 Null 이 되고 , 그 값이 number 에 들어가면 nan이 된다.
nan은 if에 들어가면 항상 False 로 취급, number 가 null 이면 if문은 실행되지 않는다.
*/
if (number) { //감싸기 
} 

/*alert
단순한 알림창, 호출시 확인을 누르기 전까지 다음 스크립트 실행이 중단,
디버깅용도로 사용할때는 console.log사용*/
alert(number)

/*confirm
사용자의 확인을 요구 
사용자가 확인을 누르면 true, 취소를 누루면 false 전달*/
const yesOrNo = confirm('맞나요?');

 

Value

입력창에 입력된 값은 value 속성으로 가져온다. value 에 값을 대입하면 대입한 값을 변경된다.

입력태그.value      //입력창의 값을 가져옴
입력태그.value = 값 //입력창에 값을 넣음

TextContent

입력태그 >input, select, textarea가 아닌 일반태그들이 내부값을 가져올 때는 textContent 사용

태그.textContent //태그 내부의 문자를 가져옴
태그.textContent = 값 //태그 내부의 문자를 해당 값으로 설정함.

💡 태그들의 내부 값을 가져올 때 어떤 속성을 사용해야하는지 value - input, select, textarea > 입력태그 textContent - button, div, span > 일반태그

 

Focus

해당태그가 하이라이트 된다. (입력창, 버튼)

입력창.focus() //입력창을 하이라이트