728x90
jq03.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(function(){
$('#btn').bind('click', function(){
myclick()
});
});
function myclick(){
var arr = []
for(i=0; i<45; i++){
arr.push(i+1)
};
for(i=0; i<100; i++){
var rnd = parseInt(Math.random()*45);
var r = arr[0];
arr[0] = arr[rnd];
arr[rnd] = r
}
console.log(arr)
// var td = document.getElementsByClassName('my_td');
var objs = $(".my_td")
// for(i=0; i<objs.length; i++){
// console.log(i)
// objs[i].innerHTML=arr[i];
// }
$(".my_td").eq(0).html(arr[0]);
$(".my_td").eq(1).html(arr[1]);
$(".my_td").eq(2).html(arr[2]);
$(".my_td").eq(3).html(arr[3]);
$(".my_td").eq(4).html(arr[4]);
$(".my_td").eq(5).html(arr[5]);
}
</script>
</head>
<body>
EX03
<table border="1px">
<tr>
<td class="my_td">__</td>
<td class="my_td">__</td>
<td class="my_td">__</td>
<td class="my_td">__</td>
<td class="my_td">__</td>
<td class="my_td">__</td>
</tr>
<tr>
<td colspan="6">
<input type="button" value="생성하기" id="btn">
</td>
</tr>
</table>
</body>
</html>
'Python > Muzi' 카테고리의 다른 글
| Jquery강화학습05. 전화기 만들기 (0) | 2023.07.12 |
|---|---|
| Jquery강화학습04. 구구단 생성해서 출력하기 (0) | 2023.07.12 |
| Jquery강화학습01. div값 글씨 바꾸기 (0) | 2023.07.12 |
| Jquery강화학습02. text값 가져와서 연산하기 (0) | 2023.07.12 |
| JS강화학습08. 야구게임 만들기 (0) | 2023.07.12 |
