--->test3
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>繰り返し処理</title>
<link rel="stylesheet" href="test3.css">
</head>
<body>
<p id="msg"></p>
<script src="test3.js"></script>
</body>
</html>
--->test3.js
var i;
var total = 0;
var p1;
var msg = "hello!";
for (i=0; i<11; i++){
total = total+i;
//alert(msg+i);
}
console.log(total);
p1 = document.getElementById('msg');
console.log('p1='+p1);
p1.innerHTML = total;
配列、とループ処理は相性がいい。
配列と剰余の計算は役に立つ。
電車の車両のようなもの
ひかり103号の2号車、のように指定もできる。
[]ブラケットの中に、カンマで区切って宣言する。
逆に配列以外では[]は使わない。
var goods = ['けしごむ','えんぴつ','ポストイット','ボールペン'];
console.log(goods[1]);
→
えんぴつ
コンピュータは0から数え始めるから、「けしごむ」はgoods[0]になる。
--->test5.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>配列</title>
<link rel="stylesheet" href="test5.css">
</head>
<body>
<ul id="hoge"></ul>
<script src="test5.js"></script>
</body>
</html>
--->test5.js
var goods = ['けしごむ','えんぴつ','ポストイット','ボールペン'];
console.log(goods[1]);
var ul1 = document.getElementById('hoge');
for(i=0; i<4; i++){
var ele = document.createElement('li');//リストアイテムを生成
ele.innerHTML = goods[i];
ul1.appendChild(ele);
}
ないものを呼び出そうとするとそういうエラーの言葉が出てくる。
けしごむ
えんぴつ
ポストイット
ボールペン
undefined
goods.length;
goodsもオブジェクトなので、こうやるとgoodsの長さを呼び出しジャストフィットできる。
for(i=0; i<goods.length; i++){
