日92:Chern 100日Softwcode - JSでJS先端計算機を作成しました

2467 ワード

私のgithub repoでチェックしてください

シンセレブリブルニー / チップ電卓



チップ電卓



このgithubレポは、私はHTML、CSS、ブートストラップ、およびJavaScriptを使用して作成したシンプルなチップ計算機です.
View on GitHub
以下は、この計算機を構築しながら学んだことです.

e . preventdefault ()


私は学びましたe.preventDefault() JavaScriptの開発と使用中です.
私の電卓を構築しながら、私は番号を入力し、ページがすぐに更新されます.私がなぜ私が過去に取ったノートのいくつかをレビューするまで、私は理由を理解することができませんでしたe.preventDefault() The Event interface's preventDefault() method tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be. The event continues to propagate as usual, unless one of its event listeners calls stopPropagation() or stopImmediatePropagation(), either of which terminates propagation at once.
私が上記を解釈する方法は、JSがイベントリスナーとe.preventDefault() デフォルトの設定は呼び出されない限り、撮影場所から停止します.私は間違っているかもしれません、しかし、私が知っているすべては、私が私のClickイベントを取り扱う必要があったとき、それが絶えずリフレッシュから私のページを止めたということです.

文字列から整数への入力値の変更


文字列を整数に変換する簡単な方法も学びました.
    let checkAmount = document.getElementById('check-amount').value;
上記document.getElementById('check-amount').value ユーザーが入力する文字列値を返します.しかし、私は計算機を計算しなければならなかったヒント電卓を構築していたと私は文字列でそれを行うことはできません.それで、価値を変えるために、私がしなければならなかったすべては+ 値の前で、それは私のためにそれを変換します.
    let checkAmount = +document.getElementById('check-amount').value;

isnan関数


最後に、エラーキャッチ!使い方を習った isNaN 値がNaNかどうかチェックを停止する関数.
    if (isNaN(checkAmount)){
        displayResults("Error, please enter a number");
        return;
    }
今日の歌:私は常にブラストストラックスに執着されている!聞く💕
心から
ブリタニー