попробовала так, не получается :-(
<!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; }
span.ulian { color: hsl(240,100%,70%); }
span.grig { color: hsl(240,100%,30%); }
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 id="Catholic_Easter">
Католическая пасха<br>
<span id="Catholic_Easter_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Easter_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
<div id="Maslenitsa_Catholic">
Католическая масленица<br>
<span id=" Maslenitsa_Catholic_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Maslenitsa_Catholic_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
<div id="palm_Sunday_Catholic">
Католическое вербное воскресенье<br>
<span id="palm_Sunday_Catholic_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="palm_Sunday_Catholic_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
<div id="Catholic_Radunitsa">
Католическая радуница<br>
<span id="Catholic_Radunitsa_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Radunitsa_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
<div id="Catholic_Trinity">
Католическая троица<br>
<span id="Catholic_Trinity_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Catholic_Trinity_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
<div id="Orthodox_Easter">
Православная пасха<br>
<span id="Orthodox_Easter_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Easter_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
<div id="Maslenitsa_Orthodox">
Православная масленица<br>
<span id="Maslenitsa_Orthodox_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Maslenitsa_Orthodox_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
<div id="palm_Sunday_Orthodox">
Православное вербное воскресенье<br>
<span id="palm_Sunday_Orthodox_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="palm_Sunday_Orthodox_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
<div id="Orthodox_Radunitsa">
Православная радуница<br>
<span id="Orthodox_Radunitsa_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Radunitsa_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
<div id="Orthodox_Trinity">
Православная троица<br>
<span id="Orthodox_Trinity_gr">
</span><br>
по григорианскому календарю (новый стиль)<br>
<span id="Orthodox_Trinity_ul">
</span><br>
по юлианскому календарю (старый стиль)
</div>
<div>
Первый Никейский собор — собор Церкви, созванный императором Константином I; состоялся в июне 325 года в городе Никее (ныне Изник, Турция); продолжался больше двух месяцев и стал первым Вселенским собором в истории христианства.
</div>
<script>
function catholicDate(year) {
// https://ru.wikipedia.org/wiki/Алгоритм_Гаусса_вычисления_даты_Пасхи
var a = year % 19,
b = year % 4,
c = year % 7,
k = Math.floor(year / 100),
p = Math.floor((13 + 8 * k) / 25),
q = Math.floor(k / 4),
m = (15 - p + k - q) % 30,
n = (4 + k - q) % 7,
d = (19 * a + m) % 30,
e = (2 * b + 4 * c + 6 * d + n) % 7;
if (d === 29 && e === 6) return new Date(year, 3, 19);
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/Алгоритм_Гаусса_вычисления_даты_Пасхи
var a = year % 19,
b = year % 4,
c = year % 7,
d = (19 * a + 15) % 30,
e = (2 * b + 4 * c + 6 * d + 6) % 7,
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;
}
function Catholic_Easter (dt, days) {
const msday = 86400000; // мс в сутках
return new Date(dt.getTime() + days * msday);
}
const cathDate = catholicDate(year);
document.getElementById("Catholic_Easter_gr").innerHTML = formatDate(cathDate);
document.getElementById("Maslenitsa_Catholic_gr").innerHTML = formatDate(Catholic_Easter(cathDate, -49));
document.getElementById("palm_Sunday_Catholic_gr").innerHTML = formatDate(Catholic_Easter(cathDate, -7));
document.getElementById("Catholic_Radunitsa_gr").innerHTML = formatDate(Catholic_Easter(cathDate, 9));
document.getElementById("Catholic_Trinity_gr").innerHTML = formatDate(Catholic_Easter(cathDate, 49));
function Orthodox_Easter (dt, days) {
const msday = 86400000; // мс в сутках
return new Date(dt.getTime() + days * msday);
}
const orthDate = catholicDate(year);
document.getElementById("Orthodox_Easter_ul").innerHTML = formatDate(orthodoxDate(year));
document.getElementById("Maslenitsa_Orthodox_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, -49));
document.getElementById("palm_Sunday_Orthodox_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, -7));
document.getElementById("Orthodox_Radunitsa_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, 9));
document.getElementById("Orthodox_Trinity_ul").innerHTML = formatDate(Orthodox_Easter(orthDate, 49));
</script>
</body>
</html>