Template:ArcaneDateCalculator: Difference between revisions

From CinderCivs Wiki
Jump to navigation Jump to search
VisualWikitext
No edit summary
No edit summary
 
Line 16: Line 16:
</div>
</div>


<script>
<div class="arcane-calendar-calculator" style="border:1px solid #aaa; background:#f9f9f9; padding:10px; width:300px; text-align:center;">
function convertArcaneDate() {
     <label>Year: <input type="number" id="arcane-year" style="width:60px;"></label>
     var year = document.getElementById("arcane-year").value;
     <label>Month: <input type="number" id="arcane-month" style="width:40px;"></label>
     var month = document.getElementById("arcane-month").value;
     <label>Day: <input type="number" id="arcane-day" style="width:40px;"></label>
     var day = document.getElementById("arcane-day").value;
    <br><br>
    <button onclick="calculateArcaneDate()">Convert</button>
    <br><br>
    <strong>Arcane Date:</strong> <span id="arcane-date-output">Enter a date</span>
</div>


    if (!year || !month || !day) {
<noinclude>
        document.getElementById("arcane-date-output").innerHTML = "Please enter a valid date.";
{{ArcaneDateCalculator}}
        return;
    }
 
    var apiUrl = mw.util.wikiScript('api') + '?action=parse&format=json&text={{#invoke:ArcaneCalendar|convertDate|year=' + year + '|month=' + month + '|day=' + day + '}}';
 
    fetch(apiUrl)
        .then(response => response.json())
        .then(data => {
            document.getElementById("arcane-date-output").innerHTML = data.expandtemplates["*"];
        })
        .catch(error => {
            console.error("Error fetching Arcane Calendar date:", error);
            document.getElementById("arcane-date-output").innerHTML = "Error converting date.";
        });
}
</script>

Latest revision as of 12:57, 9 February 2025

Arcane Calendar Calculator
   <label for="arcane-year">Year:</label>
   <input type="number" id="arcane-year" min="1" style="width:60px;">

   <label for="arcane-month">Month:</label>
   <input type="number" id="arcane-month" min="1" max="12" style="width:50px;">

   <label for="arcane-day">Day:</label>
   <input type="number" id="arcane-day" min="1" max="31" style="width:50px;">

   <button onclick="convertArcaneDate()" style="margin-left:5px;">Convert</button>

   <label>Year: <input type="number" id="arcane-year" style="width:60px;"></label>
   <label>Month: <input type="number" id="arcane-month" style="width:40px;"></label>
   <label>Day: <input type="number" id="arcane-day" style="width:40px;"></label>
   


   <button onclick="calculateArcaneDate()">Convert</button>
   


   Arcane Date: Enter a date


Arcane Calendar Calculator
   <label for="arcane-year">Year:</label>
   <input type="number" id="arcane-year" min="1" style="width:60px;">

   <label for="arcane-month">Month:</label>
   <input type="number" id="arcane-month" min="1" max="12" style="width:50px;">

   <label for="arcane-day">Day:</label>
   <input type="number" id="arcane-day" min="1" max="31" style="width:50px;">

   <button onclick="convertArcaneDate()" style="margin-left:5px;">Convert</button>

   <label>Year: <input type="number" id="arcane-year" style="width:60px;"></label>
   <label>Month: <input type="number" id="arcane-month" style="width:40px;"></label>
   <label>Day: <input type="number" id="arcane-day" style="width:40px;"></label>
   


   <button onclick="calculateArcaneDate()">Convert</button>
   


   Arcane Date: Enter a date


Retrieved from "https://cindercivs.net/w/index.php?title=Template:ArcaneDateCalculator&oldid=2261"