JavaScriptこんにちは稲垣です。いつものようにjQueryで簡単なミニゲームを作成していたのですが、行き詰まってしまったので今回はただの電卓を作成してみました。デモ完成イメージはこちらになります。特徴のない簡易的な電卓です。class="colspan">=</li></ul></div>数字が表示される液晶部分と、数字や記号のボタン部分を記述します。134px;}電卓っぽい見た目になるようにボタンや液晶部分のCSSを調整します。動きの実装それでは動きの部分になります。必要になる変数を宣言します。用意している変数を液晶部分へ表示させる関数と、全ての変数をリセットする関数を用意します。scr2.text();scr2.text('');}ボタン部分の動き次は並んだボタンをクリックした時に必要になる関数を作成していきます。//secondフラグをtrueへ});小数点は一回しか打てないようにするため、tenflgがfalseの時のみ使えるよう設定しました。keisan1とkeisan2に保存されている文字は文字列として変数に格納されているので、「=」ボタンを押した際にちゃんと数字に変換してから計算の処理を行うようにしてください。まとめ以上で完成になりますので、最後にコードをまとめて載せます。//secondフラグをtrueへ});ボタンを押した時の処理はほぼ同じようなものになるので、もう少しまとめてすっきりしたコードを書けそうだなと思いました。Viewで360°コンテンツをサイトに埋め込むA-Frameを使ってWebVRを実装してみよう無料で使えるJavaScriptやCSSなどのCDNサービスまとめ美しすぎるカードゲームjQueryで作る神経衰弱gulp4に移行するためにタスクを書き換えてみたマグネッツとは?福岡でWEB制作や中小企業様の集客支援などを行っている会社です。