Question

您好我已经创建了这个计算器：

HTML：

    <form>
    <p> Boligens byggeår 
        <select id="alder" name="alder">
                <option value="70">Før 1960</option>
                <option value="55">1961-1980</option>
                <option value="40">1981-2000</option>
          <option value="30">2001 og efter</option>
            </select></p>
            <br><br>
<p>Antal m2 
<input type="text" id="m2"/></p>
<br><br>
    <p>Åbenhed
        <select id="aabenhed" name="aabenhed">
                <option value="0.70">Åben</option>
                <option value="0.50">Mellem</option>
            <option value="0.30">Lukket</option>
            </select></p>

<br><br>

    <input type="button" onClick="calc();" value="Beregn" />
    </form>
    <div id="result"></div>

<div id="500" style="display:none;">explanatory text 1</div>

使用Javascript：

  function calc(){
var alder=document.getElementById('alder').value;
var m2=document.getElementById('m2').value;
var aabenhed=document.getElementById('aabenhed').value;
var resultat=alder*m2*aabenhed/1000;
document.getElementById('result').innerHTML=resultat;
return false
};

现在我想根据结果显示div。我已经尝试过这样的事情：

    if (result <= 500) {
    document.getElementById('500').style.display = "block";}

但这不起作用，所以我不知道如何去做。感谢

Answer 1

这是你想要的吗？

＆＃13;

function calc(){
var alder=document.getElementById('alder').value;
var m2=document.getElementById('m2').value;
var aabenhed=document.getElementById('aabenhed').value;
var resultat=alder*m2*aabenhed/1000;
document.getElementById('result').innerHTML=resultat;
 if (resultat <= 500) {
    document.getElementById('500').style.display = "block";}  
  else{
    document.getElementById('500').style.display = "none";}  
  
return false
};

＆＃13;

    <form>
    <p> Boligens byggeår 
        <select id="alder" name="alder">
                <option value="70">Før 1960</option>
                <option value="55">1961-1980</option>
                <option value="40">1981-2000</option>
          <option value="30">2001 og efter</option>
            </select></p>
            <br><br>
<p>Antal m2 
<input type="text" id="m2"/></p>
<br><br>
    <p>Åbenhed
        <select id="aabenhed" name="aabenhed">
                <option value="0.70">Åben</option>
                <option value="0.50">Mellem</option>
            <option value="0.30">Lukket</option>
            </select></p>

<br><br>

    <input type="button" onClick="calc();" value="Beregn" />
    </form>
    <div id="result"></div>

<div id="500" style="display:none;">explanatory text 1</div>

＆＃13;

Answer 2

我认为在那个javascript函数＆＃34; calc（）＆＃34;你在这个变量中持有价值＆＃34;结果＆＃34;

但是如果有条件，你正在使用＆＃34;结果＆＃34;变量来检查条件。 div元素没有显示，好像条件不满足。

Answer 3

你可以使用Jquery非常简单

使用此CDN链接

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    if (result <= 500) {
        $('#div Id').show(); // replace div Id with your div id
    }

根据Javascript值显示div

3 个答案: