JavaScript(ジャバスクリプト) 【Javascript】要素をクリックすると表示・非表示を切り替えて吹き出しのようなメニューを表示させる
なんでまた、こんな表現を作りたいと思ったのか自分でも謎ではあるのですが「要素（ボタン）をクリックしたときに、そこに吹き出しのようなメニューを表示させたい」と思ったので、作ってみたいと思います。▶サンプルページはこちらクリックした時に関数を実...
JavaScript(ジャバスクリプト)
JavaScript(ジャバスクリプト) 
JavaScript(ジャバスクリプト) 【JavaScript】簡易パスワード認証・閲覧制限が掛かったようなページを作る方法
パスワード認証ページを作ろうとした時は、Basic認証を使ったり、PHPでサーバーサイドで処理をさせる…といった方法が通常かと思いますが、Javascriptだけでもそれっぽい感じの「パスワード認証ページ」を作ることが可能です（秘匿性という...
JavaScript(ジャバスクリプト) 【JavaScript】ドラッグ＆ドロップでページ内の画像を動かす方法（要素をドラッグアンドドロップ移動）
画像を「ドラッグアンドドロップで移動」させたい時に使える方法です。マウスクリックした時とドラッグした時、離されたときにイベントを発生させて画像を移動させる処理をJavaScriptで作ってみます。▶サンプルページはこちらDataTransf...
JavaScript(ジャバスクリプト) 【JavaScript】ページを開くと同時に自動で画像を自動で無限ループで切り替える方法｜簡易アニメーション作成・無限ループ
ページを開くと同時に自動で画像を自動で無限ループで切り替える▼デモページはこちら前回は、JavaScriptを使って「クリックして画像を切り替える」というお話をしましたが、今回はページを開いたと同時に画像が動くという仕掛けを作ります。win...
JavaScript(ジャバスクリプト) 【Javascript】マウスをクリックして画像を切り替える方法
マウスでクリックして画像を切り替えたい複数の画像を、マウスをクリックしてJavascriptで切り替えてみたいと思います。▶デモサイトはこちらスクリプト 関数ChangeImage()まずは、変数で配列を作ります。<script type=...
JavaScript(ジャバスクリプト) 【JavaScript】const let var｜再代入・再定義の違いについて
JavaScriptの変数宣言、const・let・varの違いについて。var 再代入可・再定義可var var_a = 10;こちらは「再代入可・再定義可」（緩め）let 再代入可・再定義不可let let_a = 10; こちらは「...
JavaScript(ジャバスクリプト) 【JavaScript入門】新規作成方法｜アラートの表示｜favicon.ico｜console.log
ということで、JavaScriptを作ってみましょう！まずは<script></script>を作ります。window.alert();ブラウザの画面にアラートを表示させます。window.alert("ハロー");画面を表示させると「ハロ...
JavaScript(ジャバスクリプト) 【JavaScript入門】演算子の種類について｜算術演算子
javascriptには、いくつかの演算子がありますが、その中でも基本の演算子となる「算術演算子」について。加算+（プラス）の記号を使います。例：２+１結果：3減算-（マイナス）の記号を使います。例：10-１結果：9乗算*（アスタリスク）の...
JavaScript(ジャバスクリプト) 【JavaScript入門】画面にalertを表示させる方法
JavaScript皆さん、プログラミングやっていますか～＼(^o^)／今回は、プログラミング（JavaScript）のアラートを表示させる方法です！Alertを表示させる<script></script>と書くと、JavaScriptでa...
JavaScript(ジャバスクリプト) 【JavaScript】画面にポップアップされた入力枠に文字列を入力してデータを渡す方法｜prompt();
prompt();画面にポップアップが表示されて、文字列や値が入力できるようになります 。<!DOCTYPE html><html> <head> <script> message=prompt(); alert(message); </s...
JavaScript(ジャバスクリプト) 【JavaScript】外部ファイルをHTMLに読み込んだときの文字化けの対処法
文字化け？調べていると、どうやらHTMLで使われている文字コードと、外部参照している（この場合JSファイル）の文字コードが違うためにこの問題が発生しているようです。外部JavaScript → Shift-JIS JSP（HTML） → ...
