특강/javascript9 javascript - 실습 javascript - 실습 1. day, night 버튼 만들기 2. day, night 합친 버튼 만들기(글자색 변경 포함) 3. 객체 + 함수화 하기 My Europe Trips 4. color.js 파일 생성 - color.js 코드 function day_night_change(self){ if(self.value === 'night'){ Body.setbackgroundcolor('black'); Body.setcolor('white'); self.value = 'day'; Link.setColor('powderblue') } else{ Body.setbackgroundcolor('white'); Body.setcolor('black'); self.value = 'night'; Link.set.. 2022. 8. 1. javascript - jquery 사용해보기_기초 javascript - jquery 사용해보기_기초 코드 - 여러 CDN 중 구글 CDN 사용(head에 입력) - colors.js 코드 var Body = { setbackgroundcolor:function(color){ // document.querySelector('body').style.backgroundColor = color; $('body').css('backgroundColor', color); }, setcolor : function(color){ // document.querySelector('body').style.color = color; $('body').css('color', color); } } var Link = { setcolor:function (color){ $('... 2022. 8. 1. javascript - script를 js 파일로 저장하여 불러오기 javascript - script를 js 파일로 저장하여 불러오기 코드 My Europe Trips Nederland Germany Czech GO to Belgium I flight to Belgium. Live in Leuven in belgium. It's very small but safe country to live. Many students live in Leuven and many dorms in there. This is what I see first in Belgium It makes me feel like I'm real in europe Because in korea It's not that usual And gentlemen'smile who on the wagons make me.. 2022. 8. 1. javascript - 객체와 함수 javascript - 객체와 함수 쓰여진 함수들을 객체를 통해서 정리해보자! 코드 My Europe Trips - Link, Body 객체 결과 2022. 8. 1. javascript - 함수화 javascript - 함수화 day_night 버튼을 함수화 해보자! 코드 My Europe Trips 결과 2022. 8. 1. javascript - 반복문(while) javascript - 반복문(while) while을 사용하여 night일 때 skyblue 색으로 바꾸어 보자! 코드 var a_list = document.querySelectorAll('.color'); var i = 0; while(i < a_list.length){ a_list[i].style.color = 'powderblue'; i += 1;} 결과 2022. 8. 1. javascript - 조건문(if, else) javascript - 조건문(if, else) 코드 결과 중복 없애기 - this : 지금 코드가 속해있는 태그를 지정 - var target = ~~~~ : target변수 지정 2022. 8. 1. javascript - html에서 javascript 쓰기 기초 javascript - html에서 javascript 쓰기 기초 javascript 쓰는 법 1. - script 안에 코드를 적어 사용함 2. document.write(글) - 적고 싶은 글을 적게해주는 코드 코드 결과 2022. 7. 28. javascript - 자바스크립트의 사용 : day night button javascript - 자바스크립트의 사용 : day night botton 코드 - value : 들어갈 단어 - onclick : 클릭 시 작동할 동작(javascript사용) 결과 - day 클릭 시 - day : style css code - night 클릭 시 - night : style css code 2022. 7. 28. 이전 1 다음
