Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
It changed my life, really. 😁
Credit : 9gag
Laughed so hard, that I had to defenitely post it on devRant.
Fun JavaScript for today:
<html>
<head>
<meta charset="UTF-8">
<title>balloon</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2/..." rel="stylesheet">
<style>
body {
font-family: 'Noto Color Emoji';
}
#output {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div id="output"></div>
<script>
let balloon = "\uD83C\uDF88";
let output = document.getElementById("output");
output.textContent = balloon;
outputParent = output.parentElement;
outputParent.style.fontSize = '2em';
let counter = 0;
let expl = '\uD83D\uDCA5';
outputParent.addEventListener("keydown", event => {
let currentFontSize = `${Number(outputParent.style.fontSize.replace("em","")) + 2}`;
counter++;
if(event.key == "ArrowUp") {
if(currentFontSize > 20) {
outputParent.firstChild.textContent = expl;
}
outputParent.style.fontSize = `${Number(currentFontSize.replace("em","")) + 2}em`;
}
});
</script>
</body>
</html>
rant
code
lol
fun
javascript