728x90 반응형 if문8 [JAVASCRIPT] ●replace : 문자를 다른 문자로 대체해줌 2023. 7. 21. [JAVASCRIPT]선택문(Switch-case) 선택문(Switch-case) 들어오는 변수값이 무엇이냐에 따라 선택해주고 실행하는것 정해져있는 값들을 선택할 때 좋다. 선택문(Switch-case) let 변수; switch(변수){ case 값1 : 실행문1; break; case 값2 : 실행문2; break; case 값3 : 실행문3; break; default : 실행문; } let url에서 작성한 url로 들어갈 수 있는 명령어 if(url){ location.href = url; } 반복문(while) 조건이 만족할 때까지 반복한다. while(조건){ 참; i++; i--; } 조건 : i 2023. 7. 19. [JAVASCRIPT]if 조건 조건문1 if 조건 { 참 } else{ 거짓 } 값 출력 > document.write() 1000은 어떤 타입인지 보기 1000은 문자이다. promt("당신의~")에서 출력값을 ""로 넣었기 때문에 let mount = prompt("당신의 하루 걷는 양은 몇보인가요?",""); 1000을 숫자로 변경하기 let Nmount = Number(mount); 문자, 숫자를 구분해서 조건을 제대로 넣어주어야한다. 문자는 문자와, 숫자는 숫자와 비교해야한다. if문 작성 조건문 2 0값일 경우에만 거짓이다. 0은 거짓이고 1은 참이다 그 외에는 다 참임 두 가지 방법이 있다. document.write(userName+"님을 만나서 반갑습니다.") document.write(`${userName}님을 만나.. 2023. 7. 18. 비주얼 스튜디오 코드 73_animation 화면이 움직이면 글자가 바운딩해서 나타남 https://cdnjs.com/ cdnjs - The #1 free and open source CDN built to make life easier for developers Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library fil cdnjs.com parallax08 이어서 하기 css animation.. 2023. 7. 11. 비주얼 스튜디오 코드 72_parallax08 화면이 움직이면 글자가 바운딩해서 나타남 html mark up css 편집 #header 편집 #dot 편집 #header 편집 @charset "utf-8"; *{ margin: 0; padding: 0; box-sizing: border-box; } a{ text-decoration: none; color: #222; } li{ list-style: none; } .clearfix::after,.clearfix::before{ display: block; content: ""; clear: both; } #contents{ text-align: center; } #contents > div{ width: 100%; height: 100vh; display: flex; align-items: cent.. 2023. 7. 11. 비주얼 스튜디오 코드 70_parallax07 화면이 이동하면서 글자들이 나오는 액션 html 마크업 css 편집 #contents css 편집 #header css 편집 #nav css 편집 dot 위치시키기 dot 모양 만들기 **parallax를 사용하지 않아도 링크를 걸면 해당 화면에 페이지로 이동하는 것을 볼 수 있다. @charset "utf-8"; *{ margin: 0; padding: 0; box-sizing: border-box; } li{ list-style: none; } a{ text-decoration: none; } /* header */ #header{ position: fixed; width: 100%; height: 60px; background-color: rgba(255, 255, 255, 0.3); } #head.. 2023. 7. 10. 이전 1 2 다음 728x90
