1

I'm trying to call a function so that I can print the date on my page.

Id like to have it show in a 

<p>function output would go here</P>

function printdate()
{

var today = new date;

var fulldate = document.getElementById("fulldate");
fulldate.textContent = today.getTime();

}

This is my full script i'm not entirely sure what I have been doing wrong or what I need to do to correct the issue.

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



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



<p id="fulldate"></p>



<p id="Xyear"></p>Days left until New Years








<script>

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

function printdate()
{

    var today = new date();

    var fulldate = document.getElementById("fulldate");
    fulldate.textContent = today.getTime();

}



<!-- Add date output statement --> 








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

    if (days < 2)
{
    alert("Almost here!")   
}

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

<script type="text/javascript" src="library.js"></script>
</body>
</html>
Improve this question

4 Answers 4

Reset to default
3

In order to call the function on page loading just simply call the function in the script section. Use inner HTML to display. Make the code easy and simple.

Here is the script:

function printdate() {
    document.getElementById("dat").innerHTML = Date();
}
printdate();  //calling date

You can also write the function like this:

function printdate() {
    return new Date();
}
document.getElementById("dat").innerHTML =printdate();

The HTML section:

<div>
    <p id="dat"></p>
</div>

This will help you:

Click to see this fiddle

This link will help you to create date format

This snippet shows the date:

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


<p id="Xyear">Days left until New Years</p>
<p id="dat"></p>
<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;
}

function printdate() {
 return new Date();
}
document.getElementById("dat").innerHTML =printdate();
<!-- Add date output statement --> 


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

    if (days < 2)
{
    alert("Almost here!")   
}

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

<script type="text/javascript" src="library.js"></script>
</body>
</html>

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

1

Is the function to be called from an action or is it a function that executes on page load?

<body onload="printdate()">
Improve this answer

2 Comments

That unfortunately didn't work. I'm trying to reference it with <p id="fulldate"></p> however that doesn't seem to be working either
i'm trying to call it in <p id="fulldate"></p> however nothing shows when I try and put it on my site. I've tried almost everything I could think of and so far I have had no luck.
1

Substitute new Date() for new date; also include id="fulldate" attribute at <p> element

<p id="fulldate">function output would go here</p>
<script>
  function printdate() {

    var today = new Date();

    var fulldate = document.getElementById("fulldate");
    fulldate.textContent = today.getTime();

  }
  printdate()
</script>

Improve this answer

6 Comments

I'm confused. it already is "new date" as apposed to "new Date()" here is what it is var today = new date;
@nathanrivera new date is not new Date() , date does not appear to be defined at javascript at Question. Also p element does not have id "fulldate"
Sorry I got a bit confused. Been freaking out trying to get this assignment done. I already have <p id="fulldate"></p> in my scripts however even then it doesn't work and adding printdate() to the end of the function removed any previous functions that I had from being seen on the site.
@nathanrivera "I already have <p id="fulldate"></p> in my scripts" In html or in script? <p id="fulldate"></p> does not appear at original Question. What do you mean by "removed any previous functions that I had from being seen on the site"? Do you want to append the result of the function to #fulldate element? Have you tried stacksnippets?
Sorry for the confusion. I added the full script for my page. I greatly appreciate the time you are putting in to assist me with my issue. Thank you so much
|
0

Actually, you should define date on the input element, rather defining it on paragraph tag. It's a good practice followed across development.

You can check this example, to resolve your issue: w3schools reference http://www.w3schools.com/js/js_dates.asp

Improve this answer

2 Comments

@Nitin I'm trying to display the current date. Using Date() is how you would do that
@Nathan using below snippet, you will able to do that:<p id="demo"></p> <script> document.getElementById("demo").innerHTML = Date(); </script>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.