2012-06-21から1日間の記事一覧

java script 繰り返しの応用 【配列】

前に書いたサイコロのシミュレーションを、配列を使って前よりも短く書いてみる。 <html> <head> <meta charset="utf-8"> <style>#hyouji{line-height:1.5em;}</style> </head> <body style="background-color:#000;color:#fff;"> <div id="hyouji"> <script type="text/javascript"> var dice,a=[0,0,0,0,0,0]; for(i=1;i<=1000000;i++){ dice=Ma…</div></body></html>

【実践課題F】

<html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tr><th>製品名</th><th>価格</th><th>在庫</th></tr> <script> var z=[ {a:"リラックスチェア",b:4000,c:500}, {a:"リラックスデスク",b:12000,c:200}, {a:"ブックスタンド",b:800,c:0} ]; for(i=0;i<3;i++){ if (z[i].c==0){z[i].c="<span style='color:red;'>…</span></table></body></html>

【実践課題E】

<html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tr><th>商品A</th><th>商品B</th><th>商品C</th><th>商品D</th></tr> <script> var b=[300,450,520]; for(a=1;a<11;a++){ document.write("<tr><th>"+a+"</th>"); for(i=0;i<3;i++){ document.write("<td>"+a*b[i]+"円</td>"); } document…</tr></table></body></html>

【実践課題D】

<html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tr><th>添字</th><th>a</th><th>b</th><th>axbを計算</th></tr> <script> var a=[5,12,18], b=[33,14,65]; for(c=0;c<3;c++){ document.write("<tr><td>"+c+"</td><td>"+a[c]+"</td><td>"+b[c]+"</td><td></td></tr></table></body></html>

【実践課題C】

配列を使い、以下のようにリストのリンクを表示させなさい。 ホーム 会社情報 製品情報 お問い合わせ <html> <head> <meta charset="UTF-8"> <script> var aa=["ホーム","会社情報","製品情報","お問い合わせ"]; </script> </head> <body> <ul> <script> for(c=0;c<4;c++){ document.write("<li><a href='#'>"+aa[c]+"</a></li>\n"); } </script> </ul> </body> </html>

【実践課題B】

] <html> <head> <meta charset="UTF-8"> <script> var aa=["チェア","デスク","ブックスタンド"]; var bb=[4000,12000,800]; </script> </head> <body> <table border="1"> <tr><th>製品名</th><th>価格</th></tr> <script> for(c=0;c<3;c++){ document.write("<tr><td>"+aa[c]+"</td><td>"+bb[c]+"</td></tr>"); } </table></body></html>