0
0

電卓を作りながら勉強ー2

Posted at

お疲れ様です。

昨日は寝かしつけが終わったら勉強しようと計画していましたが、そのまま寝てしまいましたので、今日続きをしています:sweat_smile:

早速ですが進捗です。

See the Pen Untitled by mtzkmy (@mtzkmy) on CodePen.

電卓のモデルは私物の電卓を利用しましたので、見本とは異なります。
現在、数字を押すと画面に表示されるところまできましたが、イコールを押すと計算結果が出ず、エラーが続出しているところです…
他の勉強もありますので、一旦終了し、エラーの解消はまた明日に:raised_hand:
ここまで来たので、あとは計算結果が出てくれたら…!
ちなみに所要時間は2時間ほどかかっています。


今回勉強になったこと
:point_up:pointer-events: none;
 ↳cssの疑似クラス(:hover や :active)を無効にする。
 今回 :hover を反映させたいのは、画面以外のボタンのみのため、個別に無効化。
  こんな便利なプロパティがあったとは!
参考:MDN


:point_up:eval(イーバル、エバル) について
 ↳見本のJavaScripのコードで「eval」とあり、知らなかったため検索したところ、
 現在ではセキュリティやパフォーマンスの観点から推奨されないとのことでしたので、
new Function を代替案として紹介されているページがあったので、使い方を調べ、
実装させてみました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0