2017-09-25 89 views
0

我試圖得到一些文字顯示當變量t = <100但它不工作,我不知道爲什麼:(文本沒有出現在現場

var t = 100; 
 
function tel(){ \t 
 
\t t--; 
 
\t console.log(t); 
 
return document.getElementById("lol").innerHTML = t; 
 
} 
 
if (t < 97){ 
 
\t document.getElementById('nba').innerHTML = ('Ja he'); 
 
}else { 
 
\t document.getElementById('nba').innerHTML = ('Blijf klikken') 
 
} 
 
if (t < 35){ 
 
\t document.write("op de helft"); 
 
}
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>madafaka</title> 
 
<link rel="stylesheet" href="style.css"> 
 

 
</head> 
 
<body> 
 
<div id="wrap"> 
 

 
<p id="tel"></p> 
 
<br> 
 
<button id="lol" type="button" onclick="tel()">Klik!</button> 
 

 
<p id="nba"></p> 
 
<script src="jav.js"></script> 
 
</div> 
 
</body> 
 
</html>

好像它不打印的文本,我不知道爲什麼

+1

在事件處理程序中使用['document.write'](https://developer.mozilla.org/en-US/docs/Web/API/Document/write)時,什麼都不起作用。 – Teemu

+5

你的'if's在'tel()'函數之外。 – Filburt

回答

2

您必須使用您在功能比較碼=電話();

var t = 100; 
 
function tel(){  
 
    t--; 
 
    console.log(t); 
 
    
 
    // compares 
 
    if (t < 97){ 
 
    document.getElementById('nba').innerHTML = ('Ja he'); 
 
    } 
 
    else { 
 
    document.getElementById('nba').innerHTML = ('Blijf klikken') 
 
    } 
 
    if (t < 35){ 
 
    document.write("op de helft"); 
 
    } 
 

 
    return document.getElementById("lol").innerHTML = t; 
 
}
.as-console-wrapper { max-height: 10% !important; }
<button id="lol" type="button" onclick="tel()">Klik!</button> 
 

 
<p id="nba"></p>

0

您的驗證代碼的if(){} else{}外面回來,在那裏做了檢查前的新的價值。請記住你的瀏覽器從上到下閱讀。當計數器低於35時,按鈕將被替換爲「op de helft」。