JavaScript
CMSやフレームワークを使えない状態で詳細ページ同士でリンクをつなげる必要があって、フロントで何とかしたメモ。 SEOやデータ追加更新時のリソースを考えると、フロント対処というところにツッコミがありますが かなりのレアケースとは思いますが、せっか…
JavaScript 自分用メモ 様々なサイトで用意されている「ページ最上部へ戻る」ボタンを、jQueryやライブラリを使わずに素のJSで実装するコードです。 <button id="scroll">ページ最上部へ</button> 「ページ最上部へ」ボタンをクリックしたら少しずつスクロール位置を戻し、小刻みに繰り返…
タイトルのままですが、マウスをのっけると上下にふわふわ動く日本国旗です。 こんな感じ html <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>floating</title> <link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap" rel="stylesheet"> </link></meta></meta></head></html>
研修生から相談のあった書き方をメモしておきます。 formにボタンを作り、選んだボタンによって違うページに遷移したいケースを想定しています。 consoleのエラーですぐわかる記述ミス 要素の後に読み込む対処例 htmlのload後に要素を取得する対処例 ボタン…