2011-10-20 6 views
0

私はこれを絶対初心者です。このクラスは私のビジネス学位に必要です。だから私はこの質問が愚かに聞こえるかどうか謝罪する。現在のページコンテンツを消去せずにonClickを2回使用する

私は基本的に単純なBMI電卓のWebページを作成する必要があります。

ウェブページの上部にBMI電卓があり、その下にcalculate bmiと呼ばれるボタンがあり、ユーザーに身長と体重を入力するよう促します。次に、ユーザーが入力した高さと白との結果を表示します。

問題は、上部にBMI書き込みを消去した結果が表示される場合です。

私は彼らの単純な答えを知っていますが、私はそれが何であるか分かりません。 http://pastebin.com/ftrWYU6L

答えて

1

W3C WSC(DOMを横断し、HTMLを修正することで、具体的セクション)を参照してください - ここで

は、私が取り組んできたコードです。

document.writeは既存のドキュメントを吹き飛ばすため、DOMを使用して既存のドキュメントを修正します。

1

document.writeを使用する代わりにdivを作成し、 "results"などのIDを付けてください。 JavaScriptでdocument.getElementById( "results")を使用します。innerHTML =あなたは画面に書き込みます。ここ

は、迅速な汚いとテストされていない修正です:http://pastebin.com/2NLrMUFh

0

あなたはボタンで全体のWebページを書き換えています。代わりに、これは通常、3つのテキストボックス(htmlの入力タグ)と1つのボタンがWebページに組み込まれて行われます。ボタンは、高さと重さの入力ボックスから.valueを取り出し、その結果をBMI.valueフィールドに格納します。擬似コードで

button_click() 
{ 
    float height = heightTextBox.value; 
    float weight = weightTextBox.value; 
    float BMI = BMImojo(height, weight); // yours to write 
    BMITextBox.value = BMI; 
} 

Webページは、単に一つの出力表示が

を変更し、再構築されません。
関連する問題