DEV Community

Zoya Khan
Zoya Khan

Posted on

HTML Code for Date and Time Tool

#html #beginners #tooling #codereview 
<!DOCTYPE html>
<html>
  <head>
    <title>Current Date and Time</title>
  </head>
  <body>
    <h1>Current Date and Time</h1>
    <p>
      The current date and time is: <span id="datetime"></span>
    </p>
    <script>
      var datetimeElement = document.getElementById("datetime");
      var now = new Date();
      datetimeElement.textContent = now.toString();
    </script>
  </body>
</html>
Enter fullscreen mode Exit fullscreen mode

Top comments (2)

Collapse
 
nlxdodge profile image
NLxDoDge •

Maybe try to write some text before the code snippet as well, this way the reader who doesn't have experience knows what the code does 👍

Now with added color styling 😊
You can add litterally only html after the tree backticks on the same line like this:

Image description

Result:

<!DOCTYPE html>
<html>
  <head>
    <title>Current Date and Time</title>
  </head>
  <body>
    <h1>Current Date and Time</h1>
    <p>
      The current date and time is: <span id="datetime"></span>
    </p>
    <script>
      var datetimeElement = document.getElementById("datetime");
      var now = new Date();
      datetimeElement.textContent = now.toString();
    </script>
  </body>
</html>
Enter fullscreen mode Exit fullscreen mode

Happy Coding!

Collapse
 
zoyakhanblogger profile image
Zoya Khan •

thank you so much :)

Read next

mikeyoung44 profile image

LLMs Know More Than They Show: Intrinsic Representation of Hallucinations Revealed

Mike Young -

mikeyoung44 profile image

Unearthing Universal Feature Geometries: Sparse Autoencoders Reveal Crystal-like and Modular Structures

Mike Young -

culterra profile image

Framed Art of Dolomites Italy by Culterra

Culterra -

carrie_luo1 profile image

Annoyed by AI Bots? A WAF Solution You've Never Seen

Carrie -