<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var food=["딸기","사과","복숭아","포도"]; /* food라는 배열의 초기값 설정 */
document.write("배열테스트<br>");
/* document.write("food[0]="+food[0],"<br>");
document.write("food[1]="+food[1],"<br>");
document.write("food[2]="+food[2],"<br>");
document.write("food[3]="+food[3],"<br>"); */
for(var i=0;i<food.length;i++)
{
document.write("food["+(i+1)+"]="+food[i],"<br>"); /* 번호를 0번이 아닌 1번부터 시작하고 싶으면 +1 */
}
document.write("----------------------------------<br>")
</script>
<h2>10개의 난수 출력하기</h2>
<script type="text/javascript">
var rnd;
for(var i=1;i<=10;i++)
{
rnd=parseInt(Math.random()*10)+1;
document.write('<b>'+rnd+'</b> '); /* 한칸 떨어지기 */
}
</script>
<h2>자바스크립트에서의 배열선언방법_new</h2>
<script type="text/javascript">
var arr=new Array();
arr[0]="장미";
arr[1]="국화";
arr[2]="수선화";
arr[3]="제라늄";
for(var i=0;i<arr.length;i++)
{
document.write(arr[i]+'<br>');
}
</script>
<h2>자바스크립트에서의 배열선언방법2_초기값지정</h2>
<script type="text/javascript">
var arr2=['red','yellow','magenta','gray','cyan','blue'];
for(var i=0;i<arr2.length;i++)
{
document.write("<font color='"+arr2[i]+"'size='5'>Hello</font><br>");
}
</script>
<h2>자바스크립트에서의 2차원배열선언방법</h2>
<script type="text/javascript">
var arr3=new Array();
arr3[0]=['red','장미'];
arr3[1]=['yellow','수선화'];
arr3[2]=['purple','아네모네'];
arr3[3]=['pink','나팔꽃'];
for (var i=0;i<arr3.length;i++) {
document.write("<font color='"+arr3[i][0]+"'size='5'>"+arr3[i][1]+"</font><br>")
}
</script>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| 210923_var,function,prompt (0) | 2021.09.23 |
|---|---|
| 210923_var,eval,isNaN,date (0) | 2021.09.23 |
| 210923_onclick,onmouseover,onmouseout (0) | 2021.09.23 |
| 210923_select+url (0) | 2021.09.23 |
| 210923_select+onchange (0) | 2021.09.23 |