Пытается вывести Javascript из HTML

Я сейчас нахожусь на своем конце. Я пытаюсь вывести функцию javascript NYEDays внутри div. Ive попробовал несколько разных комбинаций с разных сайтов, но мне еще предстоит найти решение этой проблемы.Пытается вывести Javascript из HTML

<html> 
    <head> 
    <!-- 

    Happy New Years 
    Author: Professor Myron Wilson 
    Date: 8/1/2006 

    Filename:   happynewyears.htm 
    Supporting files: e.jpg, library.js, newyearseve.gif, styles.css 
--> 

<title>North Pole Novelties</title> 
<link href="styles.css" rel="stylesheet" type="text/css" /> 
<!-- Add library.js below --> 

<script type="text/javascript" src="library.js"></script> 
<link rel="stylesheet" type="text/css" href="Bootstrap/css/bootstrap.css"> 
</head> 

<body> 
<table id="npn" cellpadding="5" cellspacing="0"> 
<tr> 
<!-- Company Hyperlinks --> 
<td id="links" rowspan="4" valign="top"> 
    <a href="#">The New Year's Event Agenda</a> 
    <a href="#"></a> 
    <a href="#">New Year's Eve Happy Hour</a> 
    <a href="#">New Year's Eve Concert</a> 
    <a href="#">New Year's Eve Party</a> 
    <a href="#">New Year's Day Brunch</a> 
</td> 

<!-- Days until New Year's Eve --> 
<td id="daycell"> 

<div class="container"> 

    <div class="row"> 

     <div class="NYEDays"> 

     </div> 

    </div> 

</div> 

<script type="text/javascript"> 


// Add script tag and declare variables and assign values 

function NYEDays(CheckDay) { 
    var XYear=CheckDay.getFullYear(); 
    var XDay=new Date("December, 31, 2014"); 
    XDay.setFullYear(XYear); 
    var DayCount=(XDay-CheckDay)/(1000*60*60*24); 
    DayCount=Math.round(DayCount); 
    return DayCount; 
} 


<!-- Add date output statement --> 



<!-- Add decision statment for number of days --> 


</script> 



</td> 
</tr> 

<tr> 
<!-- Company Logo --> 
<td id="logo"> 
    <img src="newyearseve.gif" alt="New Year's Eve!" /> 
</td> 
</tr> 

<tr> 
<!-- Articles about the company --> 
<td> 
    <table cellspacing="4" cellpadding="4"> 
    <tr> 
    <!-- Welcome message --> 
    <td id="firstcol" valign="top"> 
     <p> 
     NEW YEAR'S EVE ENTERTAINMENT Consider us your complete 
     New Year's Eve entertainment needs. We offer a excellent two days of events of elegance 
     and style.</p> 

    <!-- Latest news --> 
     <h3>NEW YEAR'S EVE HAPPY HOUR</h3> 
     <p>It starts at 5:00p.m. Mengle with everyone while consuming 
     the finest spirits and eating the best horderves. </p> 

     <h3>NEW YEAR'S EVE CONCERT</h3> 
     <p>When you hear the band play and the artists sing, you are hearing our concert 
     At 7:00p.m., listen to some of the best groups Atlanta has to offer. </p> 

     <h3>NEW YEAR'S EVE PARTY</h3> 
     <p>This is the event of the year. Jam to the sounds of everyone's 
     favorite radio disc jockey and bring in the new year with a bang 
     starting at 10:00 p.m. </p> 

     <h3>NEW YEAR'S DAY BRUNCH</h3> 
     <p>There is no other way to close out the vent with a delicious brunch 
     with everyone's breakfast and lunch favorites at 11:00 a.m. </p> 
    </td> 

    <!-- Information about the company --> 
    <td id="secondcol" valign="top"> 
     <h3>Elegance Entertainment</h3> 
     <p> 
     <img src="e.jpg" alt="" style="float: right; margin: 0px 0px 10px 10px" /> 
     Elegance Entertainment is a company that specialize in major events. 
     Established in 2003, Elegance has been providing events for the professional 
     market in the Atlanta area.</p> 
    </td> 
    </tr> 
    </table> 
</td> 
</tr> 

<tr> 
<!-- Contact Information --> 
<td id="contact"> 
    <b>Elegance Entertainment</b> | 
    324 King Avenue | 
    Atlanta, GA 30332 | 
    (404) 555-2015 
</td> 
</tr> 
</table> 

</body> 
</html>

источник

2016-06-09 nathan rivera

Где вы звоните 'NYEDays'? – Barmar

u даже не вызывают функцию java-скрипта NYEDays в любом месте, его неясно, чего вы хотите достичь –

Как я могу назвать функцию? Я пытаюсь найти его на других сайтах, но до сих пор не повезло. –

Вызов функции и записать результат в DIV-х innerHTML.

Я добавил идентификатор к DIV.

function NYEDays(CheckDay) { 
 
    var XYear = CheckDay.getFullYear(); 
 
    var XDay = new Date("December, 31, 2014"); 
 
    XDay.setFullYear(XYear); 
 
    var DayCount = (XDay - CheckDay)/(1000 * 60 * 60 * 24); 
 
    DayCount = Math.round(DayCount); 
 
    return DayCount; 
 
} 
 

 
// Add date output statement 
 

 
var days = NYEDays(new Date); 
 
document.getElementById("NYEDays").innerHTML = days; 
 

 
// Add decision statment for number of days 
 

 
if (days < 2) { 
 
    alert("Woot! It's almost here"); 
 
}

<div class="container"> 
 
    <div class="row">Days until New Year: 
 
    <div class="NYEDays" id="NYEDays"> 
 
    </div> 
 
    </div> 
 
</div>

источник

2016-06-09 01:52:57 Barmar

'.innerHTML' более обратная совместимость. – PHPglue

Я не уверен, что я делаю неправильно, но он все еще не отображает его на странице после добавления скрипта. Извините, если я вас беспокою. Нам дали это задание для наших классов, не вдаваясь в Javascript, поэтому я довольно смущен. –

Я не понимаю всех этих классов, где они дают задания без обучения основам, необходимым для их выполнения. Почему вы берете класс, который не учит? – Barmar

Пытается вывести Javascript из HTML

ответ

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