It was done in XAMPP (local), but I turned it over to infinity free and made it all right, but it doesn’t work.
Code:
<div class="popup default-pop" id="infoPopup" style="display: none; opacity: 1;">
<div class="inner">
<p>
<ul>
<li id="pop-message"></li>
</ul>
</p>
<div class="btn-box">
<button onclick="toggle(false)" id="check_1" class="btn-basic btn-confirm btn-close locales_confirm" >confirm</button>
<button id="cancel_button" type="button" style="display: inline-block;" class="btn-basic btn-cancel btn-close locales_cancel" onclick="toggle(false)">Cancel</button>
</div>
</div>
</div>
java-script
function toggle(bool = true, message = "not message", button_cancel = false, button_check = false, onclick = () => {}) {
const button = document.getElementById('check_1');
// Clear
button.onclick = function() {
toggle(false)
};
document.getElementById('infoPopup').style.display = bool ? "block" : "none";
document.getElementById('pop-message').innerHTML = message;
document.getElementById('cancel_button').style.display = button_cancel ? "inline-block" : "none";
if (button_check) { // check click
button.onclick = function() {
check(onclick);
};
}
}
The on-click part cannot be changed.