How would I call a javascript function in html?

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

Related Posts:

  1. JavaScript button onclick not working
  2. JavaScript button onclick not working
  3. anchor jumping by using javascript
  4. How to properly use jsPDF library
  5. Define a global variable in a JavaScript function
  6. Cannot set property InnerHTML of null [duplicate]
  7. jQuery document.createElement equivalent?
  8. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  9. How to play audio?
  10. How to create a jQuery function (a new jQuery method or plugin)?
  11. How can I scroll to an element using jQuery?
  12. jQuery Get Selected Option From Dropdown
  13. Include another HTML file in a HTML file
  14. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  15. (change) vs (ngModelChange) in angular
  16. Bootstrap Dropdown menu is not working
  17. jquery SlideToggle effect in upward direction?
  18. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  19. Set timeout for ajax (jQuery)
  20. CSS height 100% percent not working
  21. What is the difference between call and apply?
  22. TypeError: Cannot Set property ‘onclick’ of null
  23. Express Render not working return error: No default engine was specified and no extension was provided
  24. Jquery swipe left or right on mobile
  25. Create table with jQuery – append
  26. Encode HTML entities in JavaScript
  27. Uncaught TypeError: Cannot read property ‘top’ of undefined
  28. How to move all HTML element children to another parent using JavaScript?
  29. Coin toss with JavaScript and HTML
  30. How to print HTML content on click of a button, but not the page?
  31. Play an audio file using jQuery when a button is clicked
  32. Bootstrap 4 Dropdown Menu not working?
  33. getBoundingClientRect is not a function
  34. document.getElementsByClassName().innerHTML always returns “undefined”
  35. Jquery button click() function is not working
  36. Make iframe automatically adjust height according to the contents without using scrollbar?
  37. Vue is not defined
  38. How do I modify the URL without reloading the page?
  39. Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
  40. onClick to get the ID of the clicked button
  41. HTML text input allow only numeric input
  42. How to change the buttons text using javascript
  43. Can you write nested functions in JavaScript?
  44. Simple average function in Javascript
  46. How do I check whether a checkbox is checked in jQuery?
  47. How to pass parameters using ui-sref in ui-router to controller
  48. How to write inside a DIV box with javascript
  49. What does ngf-select do and why is it needed for form validation?
  50. How to get height of div in px dimension
  51. How to get the selected radio button’s value?
  52. jQuery: Uncaught Error: Syntax error, unrecognized expression
  53. Creating a div element in jQuery
  54. How to use in jQuery :not and hasClass() to get a specific element without a class
  55. Crop the image using JavaScript
  56. Adjust width and height of iframe to fit with content in it
  57. document.getElementById().value doesn’t set the value
  58. Force div to be topmost element of any and all webpages
  59. How to run a function when the page is loaded?
  60. Clearing my form inputs after submission
  61. Get class list for element with jQuery
  62. Reload an iframe with jQuery
  63. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  64. HTML/Javascript change div content
  65. How To Save Canvas As An Image With canvas.toDataURL()?
  66. Video auto play is not working in Safari and Chrome desktop browser
  67. How to embed a youtube playlist with a sidebar
  68. Why is jquery show() not working in example
  69. External JavaScript Not Running, does not write to document
  70. How can I use jQuery to run MySQL queries?
  71. Create a simple 10 second countdown
  72. jQuery scrollTop() method not working
  73. FormData append not working
  74. Print a div content using Jquery
  75. Get the size of the screen, current web page and browser window
  76. What’s the effect of adding ‘return false’ to a click event listener?
  77. Javascript- Multiplying 2 numbers and return number
  78. Fully responsive HTML5 video
  79. When is a CDATA section necessary within a script tag?
  80. HTML anchor link – href and onclick both?
  81. How to create checkbox inside dropdown?
  82. How can I know which radio button is selected via jQuery?
  83. Positioning
  84. “Uncaught TypeError: Illegal invocation” in Chrome
  85. How to use aria-expanded=”true” to change a css property
  86. How to wrap the content of the main tinyMCE editor with extra tags
  87. The value of attribute [ data-type ] must be in double quotes – custom html widget error
  88. Adding JavaScript to a WordPress website
  89. How do developers add “Smooth Transitions” to their sites?
  90. Insert “javascript:void(0);” into URL
  91. Can I change an external script’s HTML?
  92. Why is JavaScript being added to header as application/oembed?
  93. how to let users upload their custom cover image
  94. Web cover page open when button clicked
  95. internal anchor links no longer working after upgrade
  96. Hide CSS class only in single post pages
  97. How to delay display of page elements until enqueued script has injected html
  98. Why the images on mi javascript are not found?
  99. dropdown does not work [closed]
  100. How do I cycle a JS function in WordPress? [closed]

Leave a Comment