JavaScript

JavaScript

javascript | canvas内でスクロール、右クリックを無効にするモジュール

使い方 モジュール(prevent.js) class Prevent { #canvas = undefined; /** * @param {*} canvas - canvas element */ constructor(canva...
JavaScript

JavaScript | HTMLページの定期的な再読み込み

以下は5秒後にページを再読み込みするスクリプトの例です。 <script>setTimeout(()=>{location.reload();}, 5000);</script> VSCode+XAMPP等の環境で、プレビューを自動更新し続...
JavaScript

JavaScript | ウインドウサイズの取得

javascriptでウインドウサイズを取得するサンプルです。 サンプルコード Windowのサイズを変更すると値が更新されます。 幅 : 高さ : HTML <!DOCTYPE html> <html lang="ja" dir="ltr...
WordPress

HTML要素の内容をJavaScriptから書き換える

HTMLの要素の内容(中身)をJavaScriptから変更するメモです。 作例 HTMLの数字部分をJavaScriptから変更したい。 5 HTML <!DOCTYPE html> <html lang="en" dir="ltr"> <...
WordPress

React練習(切り替わるボタン)

Reactの練習をします。 コレです。 山と川が切り替わるボタンです。 コード HTML <div id="like_button_container"></div> <script src=" crossorigin></script> ...
WordPress

WordPressのローカル環境構築のメモ

WordPress・ブロックエディタを拡張するプラグイン・ツールを作成するために、JavaScript開発用のローカル環境を構築した際のメモです。 追記 同様の内容について、LOCALを使用した場合の方が手順が少なく済みました。 開発環境の...
WordPress

HTMLからJavaScriptを呼び出す

HTMLからJavaScriptを呼び出す場合、<body>内の最後に以下の様に記述します。 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> ...