Solo estoy aprendiendo javascript y estoy tratando de centrar theDate var usando la etiqueta de estilo, pero permanece en el extremo izquierdo. ¿Alguien ve dónde me estoy equivocando?
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%; }su css está centrando el elemento con el id theDate , así que envuelva esa cadena en un con ese 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>