카테고리 없음
제이쿼리(JQuery) 문법 기초
WEB_CREASTORY
2023. 6. 30. 12:11
<script>
function checkResult(){
let a = '사과'
alert(a)
}
</script>
<body>
<div class="top-part">
<h1>자바스크립트 문법 연습하기!</h1>
</div>
<hr/>
<br>
<h2>1. 함수</h2>
<div class="button-part">
<button onclick="checkResult()">결과 확인하기!</button>
</div>
<div class="list-part">
<h2>2. 리스트</h2>
<div id="q1">테스트</div>
</div>
<div class="dict-part">
<h2>3. 딕셔너리</h2>
<div id="q2">테스트</div>
</div>
<div>
<h2>4. 리스트 딕셔너리</h2>
<div id="q3">테스트</div>
</div>
</body>
<script>
function checkResult(){
let a = '사과'
$('#q1').text(a)
}
</script>
<script>
function checkResult(){
let a = ['사과','배','감','귤']
$('#q1').text(a[1])
}
</script>
<script>
function checkResult(){
let a = ['사과','배','감','귤']
$('#q1').text(a[1])
$('#q1').css('color','red')
}
</script>
<script>
function checkResult(){
let a = ['사과','배','감','귤']
$('#q1').text(a[1])
$('#q1').css('font-size','50px')
}
</script>
<script>
function checkResult(){
let a = ['사과','배','감','귤']
$('#q1').text(a[1])
let b = {'name':'영수','age':30}
$('#q2').text(b['name'])
}
</script>
let c = [
{'name':'영수','age':30},
{'name':'철수','age':35}
]
$('#q3').text(c[1]['age'])
