JavaScriptを利用して加減乗除及び関連問題を実現する.

2109 ワード

JavaScriptを勉強し始めたばかりのおかずとして、皆さんと一緒に学習の中で出会った問題を共有したいです.これは私が書いた最初のjs手続きです.小さいですが、簡単です.
問題1:
if(document.getElemenntId(first-name).onclick)
いくつかのif...else if文を使って、buttonがクリックされているかどうかを判断しようとした時、エラーが発生しました.なぜなら、イベント処理関数のonclickの戻り値は、簡単なtrueやfalseではないからです.これも私がコードを書く過程の中でロジックが非常に厳格でないことを反映しています.解決方法はリンクを参照:クリックしてリンクを開く
問題二:
document.getElemenntId.valueは文字列を取得しています.足し算をするには、パーrseInt()などの関数を使って数値型に変換し、減算、乗算、除則を行う必要はありません.
問題三:
最初はa、bに直接にdocument.getElementId(').valueを与えましたが、その後ずっと成功していないことを発見しました.a、bはずっと0になりました.やっと一つの問題を見つけました.リンクを開くにはクリックしてください.つまり私は理解していません.JavaScriptスクリプトはブラウザでロードが完了したらすぐに実行されます.他の具体的な内容は私のブログを見たらリンクしてください.私はただのおかずです.
最後に私が書いたのはあまり規範化されていません.綺麗なコードです.



        
    IFE ECMAScript

        
    
    
    
    
    
    
    

var a = document.getElementById("first-number"); var b = document.getElementById("second-number"); var btn1 = document.getElementById("add-btn"); var btn2 = document.getElementById("minus-btn"); var btn3 = document.getElementById("times-btn"); var btn4 = document.getElementById("divide-btn"); btn1.onclick = function(){ document.getElementById("result").innerHTML = parseInt(a.value) + parseInt(b.value); } btn2.onclick = function(){ document.getElementById("result").innerHTML = a.value - b.value; } btn3.onclick = function(){ document.getElementById("result").innerHTML = a.value * b.value; } btn4.onclick = function(){ document.getElementById("result").innerHTML = a.value / b.value; }