1

HTMLを使ってBMI計算機を作ろうとしています。入力はテキスト フィールドから取得されます。Javascript関数でそれらを使用して計算を行っています。次のようなスパンで計算された値を取得したい:

<span id="" class="">Your Calculation Results is = </span>
<span id="" class="">   "" I want the result here ""    </span>

================================================== ================== 編集：私が尋ねている部分

<script language="javascript">
var bmi = document.getElementById("ID_bmiResult2").innerHTML;
bmi.value = weight / (heightInMeter * heightInMeter);
</script>

<body>
<span id="ID_bmiResult2">  </span>
</body>

作り方がわからない…

4

6 に答える 6

10

編集：指摘されたように、FFは好きではないので、この特定のケースではスクリプトの全体的な機能を変更しないものにinnerText置き換えています。innerHTML

2番目spanを取得し、値を直接渡して次のようにすることができますinnerHTML。

document.getElementsByTagName('span')[1].innerHTML= 'the result';

注：andを使用することを検討してください。そうすれば、そのタイプのいくつidかclassの要素（この場合）を取得する代わりに、変更する必要のある正確な要素を見つけることができますspan。あなたが持っていた場合id、それは次のようになります：

document.getElementById('the id goes here').innerHTML= 'the result';

Edit2：この編集は、OPが質問を変更した後に行われました。あなたのコードが表示されているので、非常に混乱しました。私はこのフィドルを書いたので、あなたはそれが機能しているのを見ることができます

于 2012-06-29T18:25:29.557 に答える
2

のような変数がある場合はcalcResult、次のことができます。

document.getElementById('spanId').innerHTML += calcResult;

もちろん、それは一度しか機能しません。もう一度行うと、スパンに 2 つの結果が得られます。フォームフィールドが変更された場合に結果を変更できるようにしたい場合は、次のことを試してください。

<span id="calc">Your calculation result = <span></span></span>

var result = 12;
document.getElementById('calc').getElementsByTagName('span')[0].innerHTML = result;
于 2012-06-29T18:29:11.053 に答える
1

Jqueryを試しましたか？

$("span").next().text("Your Result");

OR

$("span").eq(1).text("Your Result");

より良いコードを作成するには、ID をコンポーネントに入れます。

于 2012-06-29T18:23:52.580 に答える
0

document.writelnを使用して結果を取得できます。http://jsfiddle.net/CmVww/でフィドルをチェックして遊んでください。結果は以下のとおりです。

<div id="start">
<span id="one" class="sText">Your Calculation Results is = </span>
<span id="two" class="result">  
<script type="text/javascript">
var tst = 'I want the result here';
  document.writeln(tst);
</script>
</span>
于 2012-06-29T18:26:55.210 に答える
0 
var bmi = weight / (heightInMeter * heightInMeter);
document.getElementById('ID_bmiResult2').innerHTML= bmi;
于 2013-09-03T04:56:11.613 に答える
0

JavaScript で BMI を計算するには

<script language="javascript">

    var Height = 0;
    var Weight = 0;
    var BMI = 0;
    function getTotalBMIScore() {

        Height = document.getElementById('MainContent_txtPDHeight').value;
        //alert(Height + 'Height');
        Weight = document.getElementById('MainContent_txtPDWeight').value;
        //alert(Weight + 'Weight')
        BMI = Weight / (Height * Height);

        BMI = BMI.toFixed(2);

        //alert(BMI + 'BMI');
        document.getElementById('BMIScore').innerText = BMI;


    }

</script>

// 終了関数

// テキストボックスから取得する場合は、この Height(In meter) を使用する必要があります:

<asp:TextBox ID="txtPDHeight" onchange ="getTotalBMIScore()"   onKeyUp ="getTotalBMIScore()" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"  runat="server"></asp:TextBox>
<span>

重量 (kg):

<asp:TextBox ID="txtPDWeight" onchange = "getTotalBMIScore()"  onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"  onKeyUp ="getTotalBMIScore()" runat="server"></asp:TextBox>

//スパンで表示する場合は、この BMI を使用します。

<span id="BMIScore"></span></span><br />
于 2016-07-22T05:46:40.203 に答える