スポンサーリンク
javascript

JavaScript 要素がクリックされたらなんか処理する(イベントハンドラ)

やり方 div要素がクリックされたら、なんか処理する、例) const div = document.createElement('div'); div.addEventListener('click', () => { なん...
javascript

JavaScriptでdivを追加する document.body.appendChild(div);

やり方 document.body.appendChild(div); でdivが追加される。 documentは、文書全体のこと 文書全体の、bodyにdivを追加する ってこと
javascript

JavaScript で乱数(ランダムな数)発生させるMath.Random

例 const c = Math.random(); console.log(c); 結果 0.22261636139241725 小数点以下を表示させない場合、Math.floorで包む が、Math.random()で取得でき...
javascript

chromeでJavaScript動かしたいなら、コンソールで打ち込めば動く

例 ↑こんなかんじ。 macなら、「⌘⌥i」のショートカットキーで開くよ!
css

css 要素にマウスオーバーしたときのマウスカーソルを変化させるcursorプロパティ

矢印を指にする例 cursor: pointer;
css

css 要素を変形(拡大・縮小、回転、移動など)させる

transformプロパティを使う。 MDNの説明ページ 記述例 要素の大きさを0.9倍にする。 transform: scale(0.9); 要素を360度回す(transitionプロパティを併用すると回転する動作が見える) tr...
WordPress

cocoonで旧エディタ使ってるときに記事公開時の確認メッセージを出さない

Cocoonで、Gutenberg(グーテンベルク)っていうブロックエディタじゃなくて、古いエディタ使ってる場合、デフォルトだと、記事公開時に「記事を公開してもよろしいですか?」って聞かれる。 以下の設定で消せる。 Cocoon設定の...
css

css ブロック要素内の中央揃え

一つのやり方。 書き方 例) .box{ width: 100px; height: 100px; text-align: center; line-height: 100px } 解説 text-align: center; で...
css

css アニメーション cssプロパティが変化するときの時間を指定する transitionプロパティ

やり方 プロパティの変化までの時間を0.8秒にしたいとき。 transition: 0.8s
css

css 四角を丸くするのは border-radius

例 四角を丸にするとき。 border-radius: 50%;
スポンサーリンク