製作取決於JavaScript值

嗨，我創造了這個計算器的div顯示：製作取決於JavaScript值

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";}

但是，這並不工作，所以我卡住有關如何做到這一點。謝謝

來源

2016-12-01 O. Dav

你能證明你的HTML也請 - 我們需要看到你想顯示 – Pete

我加入HTML :) –

HTML ID不應該以數字開頭的DIV：雖然這一限制在HTML 5被揭開，一個ID應該以一個兼容性字母開頭。]（https://developer.mozilla.org/en/docs/Web/HTML/Global_attributes/id） – Tigger

這是你想要的？

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 
 
};

<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>

來源

2016-12-01 09:14:34 mrid

YES！謝謝！ –

-1

你可以使用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 
    }

來源

2016-12-01 09:15:38

jQuery不是一切的答案 - 爲什麼添加一個巨大的庫只是爲了顯示一個div？這個問題甚至沒有用jquery – Pete

來標記，他沒有添加jquery標籤，而且它非常簡單，不需要jquery。 –

我想在javascript函數「鈣（）」你持有價值進入這個變量「resultat」

但是如果條件，你正在使用「result」變量來檢查條件。 div元素沒有得到顯示，就好像條件不滿足。

來源

2016-12-01 09:16:50

製作取決於JavaScript值

回答

相關問題