JavaScript フィルタリングやソートが出来る高機能プラグイン「muuri.js」
JavaScriptwebサイト制作フィルター機能、ソート機能が付いて可変グリッドレイアウトも実現出来さらにレスポンシブにも対応した、無料で商用利用も可能な Javascriptプラグインの「muuri.js」haltu.github.io...
JavaScript
JavaScript JavaScript $.ajax(jQuery)とfetch APIを使ってsvgを外部ファイルとして読み込む
jQueryJavaScriptsvgをcss3のアニメーションで動かす場合、下記のようにsvgファイルのコードをインラインでbody内に入れる必要があります。<body><svg class="likeButton" width="500...
JavaScript javascript実技試験 復習
JavaScript【問8】以下のコピーライトの「2019」の部分をdomとdateオブジェクトを使って、動的に変更させなさい。<p><small>© 2010-<span id="thisYear"></span>Felica ...
JavaScript javascript演習問題２
JavaScript【問01】今日の西暦年月日曜日（形式例：2019年12月5日木曜日）を表示させなさい。【問02】「時間を表示」ボタンをクリックしたら、現在の時間（形式例：16時4分8秒）が表示されるプログラムを作成しなさい。【問03】「...
JavaScript javascript 演習問題
JavaScript以下の指示に従い、Javascriptを記述せよ。【問01】ユーザーがプロンプト画面で年齢を入力したら、if文を使って以下のように条件分岐されるよう記述せよ。19歳までは「未成年です」20歳〜60歳は「成人です」61歳以...
JavaScript setIntervalを使ってタイマー処理を行う
JavaScriptsetInterval一定時間ごとに特定の処理を繰り返す、関数です。これを使いタイナー処理を行う事でリアルタイムに動く時計や一定時間で画像が変わるスライドショーなどを作る事が出来ます。ミリ秒javascriptでは秒数の...
JavaScript コピーライトの記述方法
webサイト制作JavaScriptフッター要素などにあるコピーライトの記述。サイトによって色々な書き方がありどう書いて良いか迷う所ですが、そもそもコピーライトの記述は絶対に必要なものでは無く、記述しようがしまいが、日本では著作物は法律でち...
JavaScript DOMでのオブジェクトの使い方
JavaScriptWindowオブジェクトWindowオブジェクトは、ブラウザーが持っている情報をそのまま持っています。ブラウザーの様々な情報を確認・取得する事が出来ます。早速確認してみましょう。<script>console.log(w...
JavaScript DOM (ドキュメント・オブジェクト・モデル)とは
JavaScriptDocument Object Model(DOM) は、HTML およびXMLドキュメントのためのAPIです。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。簡単に言い換えるとhtmlの各...
JavaScript Math.randomの使い方
JavaScriptJavaScriptで乱数を取得したい場合には「random関数」を使います。覚えるメソッドMath.randomMath.random()は、0〜0.9999...(1未満)の間から、1つの数値をランダムで返すメソッド...