<div id="tarih"></div>
<h2><a href="https://wolkanca.com.tr/tarih-formati-javascript/">Tarih formatı JavaScript</h2>
#tarih {
  color: #111;
  font-size: 10vw;
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  text-shadow: 1px 1px 2px #eee;
}
h2 {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1rem;
  padding: 1rem;
}
var myDate = new Date();

var myMonths = [
  "Ocak",
  "Şubat",
  "Mart",
  "Nisan",
  "Mayıs",
  "Haziran",
  "Temmuz",
  "Ağustos",
  "Eylül",
  "Ekim",
  "Kasım",
  "Aralık"
];

document.getElementById("tarih").innerHTML =
  myDate.getDate() +
  " " +
  myMonths[myDate.getMonth()] +
  " " +
  myDate.getFullYear();

External CSS

  1. https://codepen.io/wolkanca/pen/wvgOPWb.css

External JavaScript

  1. https://codepen.io/wolkanca/pen/wvgOPWb.js