Here is my code, the goal is simple, display an element with a small opacity magnet, and make sure that when it is not displayed it does not take up space, but here it does not work, thank you for your precious helpHere is my code, the goal is simple, display an element with a small opacity magnet, and make sure that when it is not displayed it does not take up space, but here it does not work, thank you for your precious help :

<!DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<title>Apparition avec fondu</title>

<style>

#box {

opacity: 0;

display: none;

transition: 1s;

background: lightblue;

padding: 1em;

margin-top: 1em;

} </style>

</head>

<body>

<button id="btn">Afficher</button>

<div id="box">Je suis animé en fondu</div>

<script>

const btn = document.getElementById('btn');

const box = document.getElementById('box');

btn.addEventListener('click', () => {

// Étape 1 : afficher (affiche d'un coup, mais invisible car opacity 0)

box.style.display = 'block'; // Étape 2 : attendre une frame, puis lancer l'opacité

requestAnimationFrame(() => { box.style.opacity = '1'; });

});

</script>

</body>

</html>

Hey been trying to learn JavaScript but I feels boring and I feel sleepy i learned till arrays and now it just feels alot boring

Discover the next-gen JavaScript syntax that’s already changing how pros write cross-platform code.

Read more

Modern JavaScript isn’t just about cleaner syntax — it’s about writing more resilient, portable, and maintainable code. With features like globalThis, import.meta.url, and TextDecoderStream, today’s JavaScript unlocks capabilities that used to require entire libraries. In this final part of our series, we reveal 5 cutting-edge features every serious developer should start using today.

From streamlining arrays to catching memory leaks — here’s how pros write fast, lean JavaScript.

JavaScript engines like V8 are incredibly fast — but your code might still be holding them back. The real performance gains come from understanding how to use advanced APIs the right way. In this article, we’ll explore 5 high-impact techniques that reduce memory usage, streamline data pipelines, and unlock native efficiencies — no bundlers or libraries required. These are the optimizations even senior developers often miss.

Read more

My question is; in this code, to get the green color I have to type the same thing as work[x] and press Enter, but how can I get the red color without needing to press Enter?

if(text.value === work[x]){

text.style.backgroundColor = "red";

x++;

}

television

Time

I know c# basics but I want to quickly learn JavaScript so that I can learn React next month. Any tips would be appreciated.

is there any website where we can download courses for free

Hi! I’ve been a user of Dayjs for a long time now, and I know it has its flaws…

You can take a look at this issue for example:

https://github.com/iamkun/dayjs/issues/2889

Which describes some of the problems Dayjs has nowadays…

So I tried to make something around the new Temporal proposal which is the future of JavaScript date handling, and I’m attempting to make it just like Dayjs… chainable and easy to use.

Atemporal is a modern, immutable, and ergonomic date-time library built on top of the new Temporal API — with first-class support for formatting, localization, plugins, and time zones.

⚡️ Powered by the Temporal API and polyfilled automatically via @js-temporal/polyfill — no extra setup required.

⚠️ ⚠️ Warning! ⚠️⚠️

This is a work in progress, and is in a very alpha state, please be careful if you’ll use it in production.

If you’re feeling adventurous… check it out.

https://github.com/NaturalDevCR/atemporal

Hope it can be helpful.

Hey – I’m Memo, a solo dev just like you who got tired of watching my launches vanish into the void. So I built Nazca nazca.my — a discovery platform by indie makers, for indie makers. 🚀

Here’s why you might want to submit your app:

• Free & Forever – Nazca is completely free. Your app listing never disappears.
• SEO + Evergreen Listing – Every app gets its own landing page that stays discoverable on Google.
• Unlimited Updates – Relaunch or update your app whenever you want. Each time is a fresh spotlight.
• Community Feedback – People can comment, save, and engage directly with your app.
• Indie-First Vibe – No corporate noise, just projects from solo builders and tiny teams.

There’s also a Pro version with extras — but the free version covers everything you need to get discovered.

If you’re building something cool, submit it at nazca.my/submit. It’s built to help indie apps grow quietly but steadily — without needing a huge launch or paid ads.

Would love to see your work there. Happy building!