Web技術 | - パート 11

【JavaScript】input type numberの値を取得し計算する方法

evalという関数を使うとスムーズにinput type numberで入力された値を数値として計算することができる。eval関数を使わないと入力された数値を結合するだけになってします。 HTML JavaScript

まずはhead内にswiper.cssとswiper.jsを読み込む swiper.jsは https://swiperjs.com/ からダウンロード HTML CSS JS

リンクを設定する方法はだが、今回紹介するのは、inputタグやbuttonタグに設定する方法だ。 inputタグ input type submitには設定できないので注意 buttonタグ

HTML JavaScript

ある案件でハンバーガーメニューを作成する機会があったので、メモしておく。 See the Pen RwpZLXx by 山崎毅 (@nbudjgzu) on CodePen. ベースとなる部分だけをメモしてあるので、この

See the Pen MWpERej by 山崎毅 (@nbudjgzu) on CodePen.

ある案件でメガメニューを作成したので、メモしておく。今回はベースとなる部分のみのメモなので、好みにカスタマイズしてほしい。 See the Pen GRWvOJd by 山崎毅 (@nbudjgzu) on CodePe

CSSのみで可能な限り色々実装したいとおもっている筆者、先日自動スライドショーを作る案件があったので、メモしておく。 See the Pen bGqeXRP by 山崎毅 (@nbudjgzu) on CodePen.

CSSのみでアコーディオンを実装する機会があったので、メモしておく。 input type checkboxをうまく使うとJSを使わなくてもアコーディオンが表現できる。JSが苦手な人は参考にして欲しい。 See the

バックエンドエンジニアの方から「サーバでは文字数指定ならできるんだけど、CSSで***行目で指定できる？」という問い合わせがあったので、久しぶりに下記のCSSを使って対応した。注意して欲しいのは、必ず下記の記述を全て指