");
printWindow.document.close();
printWindow.print();
}
function shareResult() {
if (navigator.share) {
navigator.share({
title: 'Percentage Calculator Result',
text: resultEl.textContent
});
} else {
alert("Sharing not supported in this browser!");
}
}// Percentage Result & History
function showPercentageResult(text) {
resultEl.textContent = text;
history.unshift(text);
if (history.length > 10) history.pop();
renderHistory();
}
function renderHistory() {
historyList.innerHTML = history.map(item => `
${item}
`).join("");
}
function clearHistory() {
history = [];
renderHistory();
}// Marks Result & History
function showMarksResult(text) {
resultEl.textContent = text;
marksHistory.unshift(text);
if (marksHistory.length > 10) marksHistory.pop();
renderMarksHistory();
}
function renderMarksHistory() {
marksHistoryList.innerHTML = marksHistory.map(item => `
${item}
`).join("");
}
function clearMarksHistory() {
marksHistory = [];
renderMarksHistory();
}// Error
function showError(msg) {
resultEl.textContent = "β οΈ " + msg;
}// Scroll to result
function showResultPanel() {
document.querySelector('.result-panel').scrollIntoView({ behavior: "smooth" });
}// Auto Calculate
document.getElementById("number").addEventListener("input", autoCalcHandler);
document.getElementById("percent").addEventListener("input", autoCalcHandler);
function autoCalcHandler() {
if (document.getElementById("autoCalc").checked) {
calcBasic();
}
}// Theme Switcher
function setTheme(mode) {
if (mode === "light") {
document.documentElement.style.setProperty("--bg", "linear-gradient(135deg, #f3f0ff, #e6e9f3)");
} else if (mode === "dark") {
document.documentElement.style.setProperty("--bg", "linear-gradient(135deg, #1e1e2f, #2c2c54)");
} else if (mode === "blue") {
document.documentElement.style.setProperty("--bg", "linear-gradient(135deg, #d0e6ff, #a3cfff)");
} else if (mode === "green") {
document.documentElement.style.setProperty("--bg", "linear-gradient(135deg, #d4f8e8, #a8e6cf)");
}
}