생활코딩 강의 내용
https://opentutorials.org/course/3085
onclick
onchange
onkeydown
javascript string 라고 검색해서 모질라 docs를 보면 다양한 연산자들을 확인할 수 있다.
"hello".length
"hello".indexOf('h')
length
: 문자의 길이
toUpperCase()
: 대문자로 변환
indexOf()
: 문자열에서 특정 문자의 인덱스 반환. 대소문자 유효하다.
trim()
: 공백제거
var x = 1;
var y = 2;
x = y;
if (A === B){}
else{ }
this
는 이벤트가 속해있는 자기 자신의 태그를 의미한다. 또는 객체 자신을 가르키기도 한다.<input id="input-tag" type="button" value="value01" onclick = "this.value = 'value02';">
<script>
내에서 JS 코드를 작성하여 태그에서 불러올 때 self를 사용한다.<script>
function value(self){
self.value = 'value02';
}
</script>
<input id="input-tag" type="button" value="value01" onclick = "value(this);">
<script>
document.write('<div> JS로 html 코드 작성 </div>');
</script>
var menu = {
"pasta":"1000",
"pizza": "2000"
"chicken": "3000"
}
document.write(menu.pasta)
menu['rice cake'] = '4000'
document.write(menu['rice cake'])
key
를 이용해 출력할 수 있다. for(var key in menu){
document.write(menu[key])
}
menu.allMenus = function(){
for(var key in this){
document.write(this[key])
}
}
var menu = {
allMenus:function(color){
var alist = document.querySelectorAll('a');
var i = 0;
while(i < alist.length){
alist[i].style.color = color;
i = i + 1;
}
},
allMenus2:function(color){
}
}
<script src="~.js"></script>
JQuery는 코드를 직관적이고 효율적으로 작성할 수 있도록 고안된 JS의 라이브러리이다.
CDN: Content Delivery Network
ex) 구글에서 CDN (html)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
$
표시$(a)
는 <a>
를 모두 선택한다는 JQuery 문법이다.<a>
의 color를 변경하는 코드$('a').css('color','red')