[21.07.21] Javascript 실습 - 영화 정보 수집

* 페이지 Console창에서 입력

 

1. CGV 무비순위 변경하기_querySelector

기존 CGV 무비차트

1,3위 변경 및 2위 내용변경

let title = document.querySelector("#contents > div.wrap-movie-chart > div.sect-movie-chart > ol:nth-child(2) > li:nth-child(1) > div.box-contents > a > strong").textContent;
console.log(title)

let rate = document.querySelector("#contents > div.wrap-movie-chart > div.sect-movie-chart > ol:nth-child(2) > li:nth-child(1) > div.box-contents > div > strong > span").textContent;
console.log(rate)

let openDate = document.querySelector("#contents > div.wrap-movie-chart > div.sect-movie-chart > ol:nth-child(2) > li:nth-child(1) > div.box-contents > span.txt-info > strong").innerText;
console.log(openDate)

document.querySelector("#contents > div.wrap-movie-chart > div.sect-movie-chart > ol:nth-child(2) > li:nth-child(2) > div.box-contents > a > strong").textContent="삼겹살과 그대라면";
document.querySelector("#contents > div.wrap-movie-chart > div.sect-movie-chart > ol:nth-child(2) > li:nth-child(2) > div.box-contents > div > strong > span").textContent= parseInt(rate) -5

let title3 = document.querySelector("#contents > div.wrap-movie-chart > div.sect-movie-chart > ol:nth-child(2) > li:nth-child(3) > div.box-contents > a > strong").textContent
let rate3 = document.querySelector("#contents > div.wrap-movie-chart > div.sect-movie-chart > ol:nth-child(2) > li:nth-child(3) > div.box-contents > div > strong > span").textContent
let openDate3 = document.querySelector("#contents > div.wrap-movie-chart > div.sect-movie-chart > ol:nth-child(2) > li:nth-child(3) > div.box-contents > span.txt-info > strong").innerText

let temp1
let temp2
let temp3

temp1 = title
temp2 = rate
temp3 = openDate

//이미지 바꾸기 .src
document.querySelector("#contents > div.wrap-movie-chart > div.sect-movie-chart > ol:nth-child(2) > li:nth-child(1) > div.box-image > a > span > img").src="https://img.cgv.co.kr/Movie/Thumbnail/Poster/000084/84776/84776_320.jpg"
"https://img.cgv.co.kr/Movie/Thumbnail/Poster/000084/84776/84776_320.jpg"

//url 바꾸기 .href
.href

 

 

2. CGV 영화 전체 변경_querySelectorAll

기존 CGV 전체순위

전체이름 모자이크, 전체 예매율 30% 상승 변경후

//영화이름 배열에 저장
const arr = document.querySelectorAll(".title")
//전체이름 모자이크
for ( let i=0; i<=arr.length; i++){
    arr[i].textContent="****";
}
//예매율 저장
const rating[] = document.querySelectorAll(".percent span")
//저장된 예매율 확인  [0]지정해야됨
for (let i=0; i<rating.length;i++){
    const splitForNumber = rating[i].textContent.split("%")[0];
    console.log(splitForNumber)
}
//전체예매율 30%올리기
for (let i=0; i<rating.length;i++){
    const splitForNumber = rating[i].textContent.split("%")[0];
    rating[i].textContent = (Number(splitForNumber)+30)+"%";
}