Witam,
Mam taki oto kod:
var btn, hmI, clrI;
function initialize() {
document.head.innerHTML+="<style>#overlay{position:absolute;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:10;pointer-events:none;}</style>"
document.body.innerHTML += '<div id="overlay"></div>';
}
function recolor(red, green, blue, howMuch) {
var ol = document.getElementById("overlay");
ol.style.backgroundColor = "rgba(" + red + ", " + green + ", " + blue + ", " + howMuch/100 + ")";
}
function overlayOn() {
document.getElementById("overlay").style.display = "block";
}
function overlayOff() {
document.getElementById("overlay").style.display = "none";
}
window.onload = function() {
clrI = document.getElementById("clr");
hmI = document.getElementById("hm");
btn = document.getElementById("btn");
btn.onclick = function() {
var hex = clrI.value;
var rgb = hexToRgb(hex);
var r = rgb.r;
var g = rgb.g;
var b = rgb.b;
var hm = hmI.value;
recolor(r, g, b, hm);
};
initialize();
};
function hexToRgb(hex) {
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
return result
? {
r: parseInt(result[1], 16),
g: parseInt(result[2], 16),
b: parseInt(result[3], 16)
}
: null;
}
Część mam z internetu, część napisałem sam. Nie działa mi zdarzenie onclick. Czy mam jakiś błąd?
Z góry dziękuję za odpowiedź.