본문 바로가기

KDT풀스택과정 공부

240613 8주차 목요일

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()함수가 실행된다.

'KDT풀스택과정 공부' 카테고리의 다른 글

240617 9주차 월요일  (0) 2024.06.17
240614 8주차 금요일  (0) 2024.06.14
240611 8주차 화요일  (0) 2024.06.11
240610 8주차 월요일 -자바스크립트  (0) 2024.06.10
240607 7주차 금요일  (0) 2024.06.07