お疲れ様です。
昨日は寝かしつけが終わったら勉強しようと計画していましたが、そのまま寝てしまいましたので、今日続きをしています
早速ですが進捗です。
See the Pen Untitled by mtzkmy (@mtzkmy) on CodePen.
電卓のモデルは私物の電卓を利用しましたので、見本とは異なります。
現在、数字を押すと画面に表示されるところまできましたが、イコールを押すと計算結果が出ず、エラーが続出しているところです…
他の勉強もありますので、一旦終了し、エラーの解消はまた明日に
ここまで来たので、あとは計算結果が出てくれたら…!
ちなみに所要時間は2時間ほどかかっています。
今回勉強になったこと
pointer-events: none;
↳cssの疑似クラス(:hover や :active)を無効にする。
今回 :hover を反映させたいのは、画面以外のボタンのみのため、個別に無効化。
こんな便利なプロパティがあったとは!
参考:MDN
eval(イーバル、エバル) について
↳見本のJavaScripのコードで「eval」とあり、知らなかったため検索したところ、
現在ではセキュリティやパフォーマンスの観点から推奨されないとのことでしたので、
new Function を代替案として紹介されているページがあったので、使い方を調べ、
実装させてみました。