innerHTML не работает внутри для цикла

<!DOCTYPE html> 
<html> 
<head> 
<title>Find sunday on jan ist </title> 
</head> 
<!-- body containing submit button to check and div to display the result--> 
<body> 
<input type="submit" value="Check" onclick="findSun()" /> 
<div id="output1"> 

</div> 
</body> 
<script> 
function findSun() 
{ 
//for loop that checks january 1st on each year from 2015 to 2015 for sunday 
for(var year = 2015; year <= 2030; year++) 
    { 

    var today = new Date(year,0,1); 
    var dd = today.getDay(); 
    if(dd===0) 
    { 
     var dis = "Jan 1st Of :" + year + "is Sunday"; 
     console.log(dis); 
     document.getElementById('output1').innerHTML = dis; 
    } 

    else 
    { 
    document.getElementById('output1').innerHTML= ""; 

    } 
    } 

} 
</script> 
</html>

это простая программа, которая проверяет воскресенье на 1 джан за каждый год, начиная с 2015-30.I может получить правильный вывод на консоли, но я не могу для получения правильного вывода на странице с помощью innerHTML. Я новичок в javascript, любая помощь будет одобрена.innerHTML не работает внутри для цикла

источник

2015-08-05 raghuveer

Вы удаляете содержимое своего элемента 'output1' каждый раз, когда день не совпадает.

Если вы хотите сохранить ранее обнаруженное воскресенье, вы можете просто добавить -with + = - в div.

<!DOCTYPE html> 
<html> 
<head> 
<title>Find sunday on jan ist </title> 
</head> 
<!-- body containing submit button to check and div to display the result--> 
<body> 
<input type="submit" value="Check" onclick="findSun()" /> 
<div id="output1"> 

</div> 
</body> 
<script> 
function findSun() 
{ 
//for loop that checks january 1st on each year from 2015 to 2015 for sunday 
for(var year = 2015; year <= 2030; year++) 
    { 

    var today = new Date(year,0,1); 
    var dd = today.getDay(); 
    if(dd===0) 
    { 
     var dis = "Jan 1st Of :" + year + "is Sunday"; 
     console.log(dis); 
     document.getElementById('output1').innerHTML += ", " + dis;                                     
    } 

    else 
    { 
    document.getElementById('output1').innerHTML += "\n"; 

    } 
    } 

} 
</script> 
</html>

источник

2015-08-06 00:02:21 Bacon

У вас есть несколько проблем, первая из них отмечено выше ваше другое заявление стирая содержимое поля, которое может быть установлено с + =.

Второй вопрос заключается в том, что ваш, если заявление имеет слишком много «=»

<title>Find sunday on jan ist </title> 
</head> 
<!-- body containing submit button to check and div to display the result--> 
<body> 
<input type="submit" value="Check" onclick="findSun()" /> 
<div id="output1"> 

</div> 
</body> 
<script> 
function findSun() 
{ 
//for loop that checks january 1st on each year from 2015 to 2015 for sunday 
for(var year = 2015; year <= 2030; year++) 
    { 

    var today = new Date(year,0,1); 
    var dd = today.getDay(); 
    if(dd==0) 
    { 
     var dis = "Jan 1st of: " + year + " is Sunday"; 
     console.log(dis); 
     document.getElementById('output1').innerHTML += dis + "<br>";                                     
    } 

    } 

} 
</script> 
</html>

источник

2015-08-06 00:23:06

Попробуйте изменить это Он будет делать работу Проблема была ты над писать innerhtml не добавляя то почему это было создание проблемы.

for(var year = 2015; year <= 2030; year++) 
{ 

var today = new Date(year,0,1); 
var dd = today.getDay(); 
if(dd===0) 
{ 
    var dis = "Jan 1st Of :" + year + "is Sunday"; 
    console.log(dis); 
    document.getElementById('output1').innerHTML += dis + "</br>"; 
} 

else 
{ 
document.getElementById('output1').innerHTML += ""; 

} 
}

источник

2015-08-08 09:40:42

innerHTML не работает внутри для цикла

ответ

Смежные вопросы