Question

0

52

Views

Trying to position JavaScript variables

I'm just learning javascript and I'm trying to center the theDate var by using the style tag but it stays to the far left anyone see where I'm going wrong?

function initArray() {

  this.length = initArray.arguments.length;
  for (var i = 0; i < this.length; i++)
    this[i + 1] = initArray.arguments[i];
}


var dayArray = new initArray("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");

var monthArray = new initArray("januari", "februari", "maart", "april", "mei", "juni", "juli", "augustus", "september", "oktober", "november", "december");

var nu = new Date();
var daily = dayArray[(nu.getDay() + 1)];
var day = nu.getDate();
var month = monthArray[(nu.getMonth() + 1)];
var jaar = nu.getYear();
var jaar4 = ((jaar < 1900) ? (jaar + 1900) : (jaar));

var theDate = (daily + ", " + day + " " + month + " " + jaar4);

document.write(theDate);

#theDate {
  text-align: center;
  padding: 5%;
}

7 months ago · Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Accepted Answer · 2022-07-10T11:13:49.867Z

your css is centering the element with the id theDate, so wrap that string in a with that id document.write('<div id="theDate">' + theDate + '</div>');

<style type="text/css">
        #theDate {
          text-align: center;
          padding: 5%;
        }
        </style>

      <script type="text/javascript" id="theDate">

      function initArray() {

        this.length = initArray.arguments.length;
        for (var i = 0; i < this.length; i++)
        this[i+1] = initArray.arguments[i];
      }
             

      var dayArray = new initArray("Sunday","Monday", "Tuesday","Wednesday","Thursday","Friday","Saturday");

      var monthArray = new initArray("januari","februari","maart","april","mei","juni","juli", "augustus","september","oktober","november","december");

      var nu = new Date();
      var daily = dayArray[(nu.getDay()+1)];
      var day = nu.getDate();
      var month = monthArray[(nu.getMonth()+1)];
      var jaar = nu.getYear();
      var jaar4 = ((jaar < 1900) ? (jaar + 1900) : (jaar));

      var theDate = (daily + ", " + day + " " + month + " " + jaar4);

      document.write('<div id="theDate">' + theDate + '</div>');

      </script>