240613 8주차 목요일 - 자바스크립트 03

document.querySelectorAll('input[name="roomService"]:checked');

라디오 선택박스 체크된 속성들만 배열형태로 가져온다.

 

data-src=".jpg"

data-src : 이미지 로딩을 지연시키는 속성

.getAttribute('data-src') : .jpg값을 가져옴

.parentNode.querySelecto("img")

//클릭한 버튼과 같은 부모를 가지는 img 태그

 

 

 

 

var ser=document.querySelectorAll('input[name="service"]:checked');        

        var tempSer=[];

        tempSer=parseInt(Array.from(ser).value); //선택된 룸서비스 합 계산

        for(var i=0;i=tempSer.length;i++){            

            serSum+=tempSer[i];

        }        

querySelectorAll를 배열로 바꾸어서 반복문 합 산술연산을 하는 코드

 

var ser=document.getElementsByName("service");

        var serSum=0;

        for(var item of ser){

            if(item.checked){

                serSum+=parseInt(item.value);

                console.log(serSum);

            }                      

        }

getElementsByName로 불러온 후 for(var of)를 사용한 반복문+check표시를 확인하는 if문으로 산술연산을 하는 코드

 

 

var ser=document.querySelectorAll('input[name="service"]:checked');

        var serSum=0;

        for(var item of ser){

                serSum+=parseInt(item.value);                                                

        }

위 두코드를 합해 만든 정갈한 코드

 

switch(true){            

            case (pc>7 || pc<1):

                document.getElementById("party").setAttribute("disabled",true);

                document.getElementById("suite").setAttribute("disabled",true);            

            case (pc==6):

            case (pc==5):  

            case (pc==4):        

            case (pc==3):

            document.getElementById("double").setAttribute("disabled",true);

            document.getElementById("twin").setAttribute("disabled",true);          

            case (pc==2): document.getElementById("single").setAttribute("disabled",true);

            case (pc==1): break;  

switch문을 범위로 설정하는 코드

 

if(sta.getTime()== end.getTime())

date형식은 직접적으로 ==비교가 안되므로 get time을 사용한다.

 

<input type = "number" id = "pCount" onChange="rchoice()">

onChange= 를 활성화하려면 input박스에 값을 입력하거나 입력한 값을 지우고 창밖을 클릭하면  rchoice()함수가 실행된다.