JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 斬撃「一閃」
画像の文字をタップしてください REVEALED SLASHED SLASHED コードエディター 本文<div class="slash-wrapper"> <div class="slash-container" id="slashTa...
JavaScript
JavaScript JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 金色文字／銀色文字
PREMIUM GOLD 黄金の輝き 白銀の輝き コードエディター 本文 <div id="target-text">PREMIUM GOLD</div> <div class="controls"> <button onclick="ap...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ネオンサイン
-JavaScript- 【表示する文字列を変更する箇所】/* ここにテキストを入れる */ <div id="neon-text">-JavaScript-</div>【ネオンの色を変更する箇所】① color: #ff00ff; /* ...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 横スクロール
コードエディター 本文<canvas id="bikeCanvas" width="320" height="100"></canvas>カスタムJavaScript const canvas = document.getElementBy...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ミニ水槽
コードエディター 本文<div class="aquarium-container"> <canvas id="aquarium"></canvas></div>カスタムJavaScript const canvas = document....
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ボールを浮かせるアニメーション
PUSH TO FLOATコードエディター 本文<div class="wrapper"> <div id="stage"> <div id="shadow"></div> <div id="ball"></div> </div> <but...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 画面に入力した文字列の表示
入力をクリア 「画面に入力した文字列の表示」の他に「背景画像」「セキュリティ（XSS対策）」「数字の縦書き（2桁は横並び、3桁以上は縦並び）」「クリアボタン」を追加しています。コードエディター 本文 <div id="image-conta...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 二礼二拍手
二礼二拍手お賽銭を入れ、鈴を鳴らします二礼：深いお辞儀を2回繰り返します二拍手： パンパンと2回手を打ちますお祈り： 手をぴったり合わせ、感謝や願い事を伝えます一礼：最後に深く1回お辞儀をしますコードエディター 本文 <img i...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 画像の回転
長押しで回転コードエディター 本文<div class="container"> <img src="ここに画像のURL" id="target-image" alt="回転画像"> <br><br> <button id="rotate-...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 時刻を読み上げる
※音声が出ます※ボリュームにご注意ください時刻を読み上げるコードエディター 本文※音声が出ます※ボリュームにご注意ください<button id="timeBtn" onclick="disableButton()">時刻を読み上げる</bu...