2012-06-01から1ヶ月間の記事一覧
課題だったひとつ目の静的サイト 当初からの目標だった6月中の50記事を本日ギリギリ達成した。 記念すべき50記事目は宮本武蔵。 バガボンドという漫画が好きなので。 でも意外と使えそうな情報が少なくて大変だった。もっと前倒しで達成できるかなと思ってた…
昨日今日と寝ずにがんばって、サイトがやっと整ってきた。 絶食は水さえあれば多少は我慢できるけど、徹夜は2日で限界っぽい。 たまに幻聴が聴こえてくる＾＾；ちょっと前に Web業界の実態がわかると聞いて 【ブラック会社に勤めてるんだが、もう俺は限界か…
floatの中で float を使用した時に最初どうしてもうまくいかず、空のフッターを入れて clear:both;overflow: hidden; したらうまくいったけど、矢島先生に相談したらこの方法はダメとの事。 言われた通り wrap をかけたらうまくいった。 矢島先生ありがとう…
前に書いたサイコロのシミュレーションを、配列を使って前よりも短く書いてみる。 <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>
<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>
<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>
<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>
配列を使い、以下のようにリストのリンクを表示させなさい。 ホーム 会社情報 製品情報 お問い合わせ <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>
] <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>
switchを使った条件分岐。ルーレットで、配当2倍の目と 0/00 の連続が、100万回中それぞれ最高何回だったかを調べてみる。 <html > <head> <meta charset="utf-8"> <title>test3</title> <style> #hyouji{line-height:1.5em;margin :30px;} </style> </head> <body style="background-color:#000;color:#fff;"> <div id="hyouji"> </div></body></html>
架空のサイコロを100万回振って、出た目をカウントするシミュレーションをやってみる。 <html > <head> <meta charset="utf-8"> <title>test2</title> <style> #hyouji{line-height:1.5em;} </style> </head> <body style="background-color:#cfc;"> <div id="hyouji"> <script type="text/javascript"> </div></body></html>
日本人の血液型の分布と同じ比率（A:4 O:3 B:2 AB:1 )で乱数を発生させて表示する。 <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body style="background-color:#eff;"> <script> </body></html>
<html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <nav> <li> <a href="#"><img src="aaa.jpg" width="160" height="60" alt="" onMouseOver="this.src='bbb.jpg' " onMouseOut="this.src='aaa.jpg'"></a> </li> </nav> </body> </html>
<html > <head> <meta charset="utf-8"> <title>js課題14</title> </head> <body style="background-color:#eff;"> <script type="text/javascript"> <!-- var doru; var en; doru = prompt("金額をドルで入力してください",10); doru= parseInt(doru); en=doru*100+"円です" window.alert(en); --> </script> </body> </html>
<html > <head> <meta charset="utf-8"> <title>js課題11</title> </head> <body style="background-color:#eff;"> <script type="text/javascript"> window.alert("長いメッセージの場合は、\nエスケープシーケンスで改行します。") </script> </body> </html>
<html > <head> <meta charset="utf-8"> <title>js課題10</title> </head> <body style="background-color:#eff;"> <script type="text/javascript"> var byou=60; var fun=60; var jikan=24; var nichi=365; var time=byou*fun*jikan*nichi; document.write("1年が何秒かを表示するJavaScriptを記述しなさい。<br><br>"); docu…</body></html>
