Witam, co zrobić aby tekst <label for='bt'>Zamknij</label> po kliknięciu zmienił się na <label for='bt'>Donate</label>
Cały kod html
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="styl.css" rel="stylesheet" type="text/css" />
<title></title>
</head>
<body>
<div class='testClick'>
<input type='checkbox' id='bt' name='controls' checked=''/>
<label for='bt'>Zamknij</label>
<div class='pp'>Testowy popup</div>
</div>
</body>
</html>
Kod CSS:
.testClick input[type=checkbox] {
visibility:hidden;
}
.testClick label {
position:absolute;
background:#ffffff;
min-width:20px;
min-height:20px;
}
.pp {
width:200px;
height:100px;
border:3px solid green;
text-align:center;
line-height:100px;
position:absolute;
top:calc(50% - 50px);
left:calc(50% - 100px);
background:#FFFFFF;
z-index:9999999;
display:none;
}
.testClick input[type=checkbox]:checked~.pp{
display:block;
}