겉바속촉

[html] Array test 본문

IT일기(하반기)/HTML

[html] Array test

겉바속촉 2020. 6. 12. 10:01
728x90
반응형

이번에는 자바스크립트 활용해서

array test를 해보도록 하겠습니다:)

 

1. 배열테스트 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<script type="text/javascript">

var food=['딸기','오렌지','사과','키위'];

document.write("배열테스트<br>");

for(var i=0;i<food.length;i++)
	{
	document.write("food["+(i+1)+"]"+food[i]+"<br>");
	}
document.write("--------------------------------------------<br>");

</script>
</head>
<body>

</body>
</html>

 

 

2. 10개의 난수 출력해보기

 

body사이에다가 다음과 같이 작성해볼게요:)

<h2>10개의 난수출력</h2>
<script type="text/javascript">
	var rnd;
	
	for(var i=1;i<=10;i++)
		{
		rnd=parseInt(Math.random()*10 +1);
		document.write('<h4>'+rnd+'</h4>');
		}

</script>

 

 

 

3. 초기값 주고  컬러별로 출력해보기

<h3>초기값 주고 컬러별로 출력</h3>
<script type="text/javascript">

var arr2=['red','cyan','magenta','yellow','orange'];

for(var i=0;i<arr2.length;i++)
	{
	document.write("<font color='"+arr2[i]+"' size='5'>Hello</font><br>");
	}

</script>

 

 

4. 초기값 안주고 기본

<h3>초기값 안주고 기본</h3>
<script type="text/javascript">
	var arr=new Array();
	arr[0]='장미';
	arr[1]='후리지아';
	arr[2]='수국';
	arr[3]='백합';
	arr[4]='튤립';

	for(var i=0;i<arr.length;i++)
		{
		document.write(arr[i]+"<br>");
		}
</script>

 

728x90
반응형
저작자표시 비영리 변경금지

'IT일기(하반기) > HTML' 카테고리의 다른 글

[html]데이터보내기  (0) 2020.06.12
[html] 간단한 게임만들기  (0) 2020.06.12
[html] olul연습하기  (0) 2020.06.12
[html] function 여러개 만들어서 가져오기  (0) 2020.06.11
[html] onchange로 페이지이동하기  (0) 2020.06.11
'IT일기(하반기)/HTML' Related Articles more