日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;
}
今日の歌:私は常にブラストストラックスに執着されている!聞く💕
心から
ブリタニー
Reference
この問題について(日92:Chern 100日Softwcode - JSでJS先端計算機を作成しました), 我々は、より多くの情報をここで見つけました
https://dev.to/sincerelybrittany/day-92-100daysofcode-created-a-js-tip-calculator-in-js-56nb
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
let checkAmount = document.getElementById('check-amount').value;
let checkAmount = +document.getElementById('check-amount').value;
if (isNaN(checkAmount)){
displayResults("Error, please enter a number");
return;
}
Reference
この問題について(日92:Chern 100日Softwcode - JSでJS先端計算機を作成しました), 我々は、より多くの情報をここで見つけました https://dev.to/sincerelybrittany/day-92-100daysofcode-created-a-js-tip-calculator-in-js-56nbテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol