How to avoid document.write from this code?

#javascript

    var banglaDigit = {'0': '০','1': '১','2': '২','3': '৩','4': '৪','5': '৫','6': '৬','7': '৭','8': '৮','9': '৯'};
    var dayName = new Array("রবিবার", "সোমবার", "মঙ্গলবার", "বুধবার", "বৃহস্পতিবার", "শুক্রবার", "শনিবার")

    var monName = new Array("জানুয়ারী", "ফেব্রুয়ারী", "মার্চ", "এপ্রিল", "মে", "জুন", "জুলাই", "আগষ্ট",
        "সেপ্টেম্বর", "অক্টোবর", "নভেম্বর", "ডিসেম্বর")

    var now = new Date;

    document.write("আজ " + dayName[now.getDay()] + ", " + now.getDate().toString().replace(/[0123456789]/g, function(s) {
                return banglaDigit[s];
            }) + " " + monName[now.getMonth()] + " " + now
        .getFullYear().toString().replace(/[0123456789]/g, function(s) {
                return banglaDigit[s];
            }) + "ইং ")

    date = new Date();
    hours = date.getHours();
    mins = date.getMinutes();
    secs = date.getSeconds();

    shift='';
    if (hours == 0) {
        shift = " AM";
        hours = 12
    } else if (hours &lt;= 3) {
        shift = " AM"
    } else if (hours == 12) {
        shift = " PM";
        hours = 12
    } else if (hours &gt;= 13) {
        shift = " PM";
        hours -= 12
    }

    if (mins &lt;= 9) {
        mins = "0" + mins
    }

    document.write("* সময়ঃ " + hours.toString().replace(/[0123456789]/g, function(s) {
                return banglaDigit[s];
            }) + " টা :" + mins.toString().replace(/[0123456789]/g, function(s) {
                return banglaDigit[s];
            }) + " মিনিট *");

Top comments (2)

Heiker • Feb 10 '21

You can use an html element that is already in your page and set the textContent property.

For example:

Assuming the page has this html.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
  <div id="display-text"></div>
</body>
</html>

This is what I would do to show some text:

const display = document.getElementById('display-text');

display.textContent = 'My content goes here';

I recommend reading this nice article: Safely inserting external content into a page.

S M Ashraful Azom • Sep 19 '21

Thank You

DEV Community

How to avoid document.write from this code?

Top comments (2)

Read next

Day 3 of 30 of JavaScript

Diving Into Capacitor 6: What’s New, What’s Improved, and How to Upgrade

A common TypeScript error with useRef

Rivet - JS, AI and the agent builder we deserve