CMP5-Opdracht09
How do I make an cmp5-opdracht09?
What is a cmp5-opdracht09? How do you make a cmp5-opdracht09? This script and codes were developed by Sanne Van Gastel on 30 July 2022, Saturday.
CMP5-Opdracht09 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CMP5-Opdracht09</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <script src="js/index.js"></script>
</body>
</html>
CMP5-Opdracht09 - Script Codes CSS Codes
/* het lukte me niet, ik heb verschillende dingen bekeken en geprobeerd, maar zonder uitkomst. Ik heb uiteindelijk deze code gevonden en bestudeerd. Het is vanilla javascript en ik snap hoe het in elkaar steekt. Zou er zelf niet op kunnen komen helaas :(
CMP5-Opdracht09 - Script Codes JS Codes
var p1 = document.createElement("p"), p2 = document.createElement("p"), btn = document.createElement("button"), hint = document.createElement("h1"), Err = "<h1 style='text-align: center; color: green; font-family: helvetica;'>Mouse has left the window.</h1>";
hint.innerHTML = "over here!";
hint.style.fontFamily = "Helvetica";
hint.style.textAlign = "center";
document.body.style.overflowX = "hidden";
document.body.appendChild(hint);
document.oncontextmenu = function() { alert("nice try ;)"); return false;
}
document.onmousemove = function(e) { hint.style.display = "none"; btn.style.display = "initial"; document.body.appendChild(p1); document.body.appendChild(p2); document.body.appendChild(btn); p1.innerHTML = e.pageX + "x"; p2.innerHTML = e.pageY + "y"; btn.innerHTML = "Try to click me"; btn.style.transform = "translate(" + (e.pageX - 75) + "px," + (e.pageY - 120) + "px)"; btn.onmousedown = function() { alert("you win!"); } document.onmouseleave = function() { btn.style.display = "none"; p1.innerHTML = Err; p2.innerHTML = ""; }
}
Developer | Sanne Van Gastel |
Username | SannevanGastel |
Uploaded | July 30, 2022 |
Rating | 3 |
Size | 2,065 Kb |
Views | 36,432 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Vex-theme-bottom-right-corner | 2,903 Kb |
CMP5-Opdracht4 | 1,941 Kb |
CMP5-Opdracht13 | 2,195 Kb |
CMP5-Opdracht7 | 13,558 Kb |
CMP5-Opdracht10 | 3,040 Kb |
CMP-Opdracht12 | 2,241 Kb |
CMP5-Opdracht11 | 2,642 Kb |
CMP5-Opdracht16 | 3,031 Kb |
CMP5-Opdracht3 | 2,327 Kb |
CMP5-Opdracht15 | 2,733 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Countdown Timer | Massiebn | 3,001 Kb |
Bootstrap example | Ssaakkaa | 2,716 Kb |
Animate elements with fixed gradient | Badabam | 4,406 Kb |
Rain Landing in a Pond | Edball | 3,009 Kb |
Wikipedia Viewer | Odylic | 2,333 Kb |
Css3 slide | Nakome | 3,190 Kb |
JQuery Validate checkbox group | Lunaman | 2,466 Kb |
Review test | Otro_user_gil | 4,054 Kb |
The Rope | Chribbe | 2,886 Kb |
Promodoro | Bencarp | 1,712 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!