カテゴリー: Web

ボタンクリックで日時を取得して表示する 前回はおみくじに画像を表示させた。今回は、クリックした時点の日時を取得して、おみくじの結果と一緒に表示したいと思う。   JavaScriptのDateオブジェクトを使う […]

margin: 0 auto;で中央寄せができない？ 前回の記事で書いたhtmlの中央寄せだが、実はちょっとハマった部分がある。 最初、mainというクラスを定義した<div class=”main&# […]

左寄りになっているページを中央に揃える 作成中のおみくじアプリだが、ページ全体が左に寄っていてとても不格好なデザインになっている。 今回はこれを中心に揃えてみる。（最初にやっとけよって内容だけど…）   &nb […]

JavaScriptのデバッグの基本：console.log 今回はJavaScriptのconsole.logの機能を使って、ブラウザ上でコードの動作を観察してみる。JavaScriptに限らず、logに値を出力して確 […]

classをJavaScriptから動的に変えたい 現在作成中のウェブおみくじで、おみくじの結果によってテキストの色を変えたいと思っている。いろいろ考えた結果、HTMLのclassをJavaScriptから変更すれば良い […]

HTMLとJavaScriptで作成したおみくじをCSSで整える 作成中のWebおみくじだが、色が黒だけだしレイアウトも適当で見づらい。今の画面はこんな感じ↓ 今回はCSSファイルを作成して、Webおみくじの色やレイアウ […]

GitHub PagesでHTMLを手軽に公開 自分でつくったHTMLのコードをWeb上で公開したいときには、HTMLを置くためのサーバーが必要になる。Webサイトを公開したいというほどじゃないけど、ブログやSNSでHT […]