|| || ||
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29
30 31
N高 動くWebページコンテスト 2017夏

このページのテーマは
N予備校で、今の 高校生が学ぶウェブ技術に 追いつこう!」です。

  • 自身のプログラム経験
  • HTML   : 文字と画像だけの簡単なホームページが作れた程度。
    CSS.    : コピペするとなぜか使えるという噂を聞いていた程度。
    Javascript : 無し。
  • 予備校での学習時間・・
  •     ほぼ一ヶ月!
    各コンテンツ説明
  • カレンダー:new Date()関数から今月の「一日(ついたち)」の曜日データを取得して、
          その曜日を基準に、各曜日を設定したテーブルの曜日枠へ出力。
          各月で曜日がスライドして曜日と日にちを合わせています。
          30日の月は31日を数字から「-」に変更。
          2月は29~31日枠の数字を「-」に変更。

  • 時計の秒針:new Date()関数から現在時間の秒を取得して、
          秒に6をかけて角度数値に変換してからrotateZ関数に代入してループ。

  • 動く画像 :javascriptでcssの画像配置位置数値を増減させています。
          左右~px以上、以下の時 true,falseとif文で指示して方向をかえています。

  • ぱんださん:各コメントを配列にいれて、一つしゃべるごとに引数を+1、
          配列のlengthいっぱいまできたら最初にもどるの関数を、
          インターバル関数で回しています。

  • おみくじ :0~4のランダム数を生成して、各数値に大凶~大吉をあてがい
          onclick関数で出力。(いいところ診断の使いまわし)

  • FizzBuzz: 予備校テキストで作ったフィズバズと、そのあとの授業で習ったもので
          こねくりまわしたものです。
          ランダム値関数で出たランダム値をfizzbuzz関数で判断させ、
          その判断させて出た値とその時に押したボタンと比較して
          if文で正解不正解を出しています。


  • ヘッダー部分、ツィッターチェックとフィズバズの表示
     javascriptでCSSのdisplay値:noneとblockを交互に入れ替え。
     ページを開いて最初だけ、ボタンをダブルクリックしないと表示されない不具合は、
     今の私の技量では直せませんでした(;´∀`)がーん