JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 時間で画像とメッセージを変える
時間帯で上の画像とメッセージが変わります コードエディター 本文<div id="container" style="padding: 50px; text-align: center; transition: 0.5s;"> <h1 id...
JavaScript
JavaScript JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ブログの画面に雨を降らせる
「雨は、世界を洗い流す銀の針。街の喧騒を遠ざけ、心を静かな場所へと連れていく。たまには傘も差さずに、空の涙を受け止める時間があってもいい。」 コードエディター 本文 <div class="content"> <p id="writin...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 画像の上に舞う桜の花びら
コードエディター 本文<canvas id="sakuraCanvas"></canvas>カスタムJavaScript const canvas = document.getElementById('sakuraCanvas'); con...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 画面を歩くキャラクター
コードエディター 本文 <img id="walker" src="ここに１番目の画像のURL"; data-alt-src="ここに２番目の画像のURL";> <script src="script.js"></script>カスタムJa...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 タップでキラキラ
コードエディター 本文 <canvas id="canvas"></canvas>カスタムJavaScript const handleEvent = (e) => { const clientX = e.touches ? e.touch...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 元号・西暦変換（経過年数付き）
元号 → 西暦 変換 元号を選択 令和 平成 昭和 大正 明治 年を入力 西暦 2019 年 今から 7 年前 コードエディター 本文<div class="container"> <h2>元号 → 西暦 変換</h2> <label>元号...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 カウントダウンタイマー(自動更新)
🎄クリスマスまであとコードエディター 本文🎄クリスマスまであと<span id="countdown-display"></span>カスタムJavaScriptfunction updateTimer() { const now = ne...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ボタンで画像の動作を制御
本坪鈴を鳴らすコードエディター 本文<div class="container"> <img src="ここに背景画像のURL" alt="背景画像" class="base-img"> <img id="target-img" class...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 画像のズームイン
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 流れ星
スマホの画面で流れ星が山の向こうに消えるようにCSSで山の画像(透過PNG)を重ねるコードエディター 本文<div class="image-container" id="container> <div class="star-contai...