Если быть точнее, то первый скрипт надо исправить так, и все даты конвертировать в тот стиль которого нету в диве
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
div { width: 70%; border: 1px solid #a9a9a9; border-radius: 12px/9px; padding: 10px 25px; margin: 0 20px 5px 0; }
input { display: inline-block; text-align: center; }
</style>
</head>
<body>
<div>
<input id="YearEntry" type="number" min="326" max="4099" step="1" value="2019" />
<input id="button1" type="button" value="Расcчитать" />
</div>
<div>
Католическая пасха<br>
<span id="Catholic_Easter"></span><br>
по григорианскому календарю (новый стиль)
</div>
<div>
Православная пасха<br>
<span id="Orthodox_Easter"></span><br>
по юлианскому календарю (старый стиль)
</div>
<div>
Радуница<br>
<span id="Orthodox_Radunitsa"></span><br>
по юлианскому календарю (старый стиль)
</div>
<div>
Вербное воскресенье<br>
<span id="palm_Sunday_Orthodox"></span><br>
по юлианскому календарю (старый стиль)
</div>
<div>
Масленица<br>
<span id="Maslenitsa_Orthodox"></span><br>
по юлианскому календарю (старый стиль)
</div>
<script>
function catholicDate(year) {
// https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
// Пример на 1777 год (год рождения Карла Гаусса): год = 1777
// a = год mod 19 a = 10
var a = year % 19;
// b = год mod 4 b = 1
var b = year % 4;
// c = год mod 7 c = 6
var c = year % 7;
// k = целая часть (год/100) k = 17
var k = Math.floor(year / 100);
// p = целая часть ((13 + 8k)/25) p = 5
var p = Math.floor((13 + 8 * k) / 25);
// q = целая часть (k/4) q = 4
var q = Math.floor(k / 4);
// M = (15 - p + k - q) mod 30 M = 23
var m = (15 - p + k - q) % 30;
// N = (4 + k - q) mod 7 N = 3
var n = (4 + k - q) % 7;
// d = (19a + M) mod 30 d = 3
var d = (19 * a + m) % 30;
// e = (2b + 4c + 6d + N) mod 7 e = 5
var e = (2 * b + 4 * c + 6 * d + n) % 7;
// Дата Пасхи по новому стилю: 22 + d + e марта или d + e - 9 апреля 30 марта
// Если d = 29 и e = 6, то вместо 26 апреля будет 19 апреля
if (d === 29 && e === 6)
return new Date(year, 3, 19);
// Если d = 28, e = 6 и (11M + 11) mod 30 < 19, то вместо 25 апреля будет 18 апреля
if (d === 28 && e === 6 && ((11 * m + 11) % 30 < 19))
return new Date(year, 3, 18);
if (d + e > 9)
return new Date(year, 3, d + e - 9);
else
return new Date(year, 2, 22 + d + e);
}
function orthodoxDate(year) {
// https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
// Разделить номер года на 19 и определить остаток от деления a.
var a = year % 19;
// Разделить номер года на 4 и определить остаток от деления b.
var b = year % 4;
// Разделить номер года на 7 и определить остаток от деления c.
var c = year % 7;
// Разделить сумму 19a + 15 на 30 и определить остаток d.
var d = (19 * a + 15) % 30;
// Разделить сумму 2b + 4c + 6d + 6 на 7 и определить остаток e.
var e = (2 * b + 4 * c + 6 * d + 6) % 7;
// Определить сумму f = d + e.
var f = d + e;
// (по старому стилю) Если f ≤ 9, то Пасха будет праздноваться 22 + f марта; если f > 9, то Пасха будет праздноваться f — 9 апреля.
return f <= 9
? new Date(year, 2, 22 + f)
: new Date(year, 3, f - 9);
}
// Все даты отображаем в едином формате
function formatDate(date) {
return date.toLocaleDateString("ru", { weekday: "long", day: "numeric", month: "long", year: "numeric" }).replace(/^.?|,/g, function(v, i) {
return !i ? v.toUpperCase() : '<br>'
});
}
document.addEventListener("DOMContentLoaded", document_domcontentloaded);
function document_domcontentloaded(){
document.getElementById("YearEntry").value = new Date().getFullYear();
button1_click();
document.getElementById("button1").onclick = button1_click;
}
function button1_click() {
var year = document.getElementById("YearEntry").value;
document.getElementById("Catholic_Easter").innerHTML = formatDate(catholicDate(year));
var date1 = orthodoxDate(year);
document.getElementById("Orthodox_Easter").innerHTML = formatDate(date1);
var date2 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate() + 9);
document.getElementById("Orthodox_Radunitsa").innerHTML = formatDate(date2);
var date3 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate() - 7);
document.getElementById("palm_Sunday_Orthodox").innerHTML = formatDate(date3);
var date4 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate() - 49);
document.getElementById("Maslenitsa_Orthodox").innerHTML = formatDate(date4);
}
</script>
</body>
</html>