Mini Text Change Funny Project (JavaScript)
Source Code:
HTML Code :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div onclick="changeText(this)" style="background-color: brown;">
<h1 id="currentText">Touch it!!</h1>
</div>
<script src="script.js"></script>
</body>
</html>
CSS Code :
div {
height: 200px;
line-height: 200px;
color: whitesmoke;
text-align: center;
padding: 0px 20px 0px 20px;
cursor: pointer;
}
JavaScript Code :
function changeText(element) {
var element = document.getElementById("currentText").innerText;
//console.log(element);
if (element == "Touch it!!") {
// console.log("ok");
document.getElementById("currentText").innerText = "Fuck You";
} else {
document.getElementById("currentText").innerText = "Touch it!!";
}
}
Comments
Post a Comment