반응형
spread연산자
rest연산자
반응형
'2020 > JAVA SCRIPT' 카테고리의 다른 글
| 마우스로 글자 색 변경하기 (0) | 2020.02.14 |
|---|---|
| <noscript> (0) | 2020.01.29 |
| <script> (0) | 2020.01.25 |
꽃꽂이하는개발자
'2020/JAVA SCRIPT'에 해당되는 글 4건
- 2020.03.28 spread연산자
- 2020.02.14 마우스로 글자 색 변경하기
- 2020.01.29 <noscript>
- 2020.01.25 <script>
반응형
const title = document.querySelector("#title");
const BASE_COLOR = "red";
const OTHER_COLOR = "#7f8c8d";
function handleClick(){
const currentColor = title.style.color;
if(currentColor === BASE_COLOR){
title.style.color = OTHER_COLOR;
}else{
title.style.color = BASE_COLOR;
}
}
function init(){
title.style.color = BASE_COLOR;
title.addEventListener("mouseenter", handleClick);
}
init();
마우스를 올리면 색이 변경됨
mouseenter을 click 로 바꾸면 클릭시 색이 변경됨
반응형
'2020 > JAVA SCRIPT' 카테고리의 다른 글
| spread연산자 (0) | 2020.03.28 |
|---|---|
| <noscript> (0) | 2020.01.29 |
| <script> (0) | 2020.01.25 |
꽃꽂이하는개발자
반응형
noscript요소는 스크립트가 비활성화되었을 때 나타낼 내용을 표시합니다.
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
예를 들어 interent explore 에서 script를 사용하시겠습니까의 물음에
아니오를 선택한다면 script를 사용하지 않고 noscript라고 되있는 곳을 참조해서 css가 적용된다는 거에요
반응형
'2020 > JAVA SCRIPT' 카테고리의 다른 글
| spread연산자 (0) | 2020.03.28 |
|---|---|
| 마우스로 글자 색 변경하기 (0) | 2020.02.14 |
| <script> (0) | 2020.01.25 |
꽃꽂이하는개발자
반응형
<html>에서
우리는 java script를 사용할때 <script>를 넣어주게 됩니다
그러면 브라우저가 <script>를 사용하겠구나라고 알게 됩니다.
</script>가 나오면
아 이제 java script가 끝나고 html 태그구나~ 라고 알게 됩니다.
반응형
'2020 > JAVA SCRIPT' 카테고리의 다른 글
| spread연산자 (0) | 2020.03.28 |
|---|---|
| 마우스로 글자 색 변경하기 (0) | 2020.02.14 |
| <noscript> (0) | 2020.01.29 |
꽃꽂이하는개발자