so i hv been trying to learn JS & practice in Vishual Studio Code....i am trying to run a simple JS program but in shows me syntax error in <!DOCTYPE html>...remember this pgm runs good on online compiler but not in vishual studio code..i have installed node js already

it displays the following

<!DOCTYPE html>
^

SyntaxError: Unexpected token '<'

What are the current technologies used in current fully animated websites, is it react ___ … etc ?

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>

Share your talk or workshop with hundreds of developers on Full-Stack Architecture, AI-Assisted Coding & AI Engineering, Growing to Senior/Tech Lead, etc.

📍 April 15 & 19, Singapore
Submit by Jan 12: https://gitnation.com/events/react-summit-asia/cfp

A. true B. false

I’ve seen this question (and mistake) pop up so many times:
A dev wraps multiple API calls inside Promise.all… one fails… 💥 and suddenly everything crashes.

The truth?
Not all Promise methods behave the same — and understanding their differences can save you hours of debugging and weird async bugs.

Here’s the quick rundown I shared in my latest deep-dive article 👇

• Promise.all → All or nothing. If one fails, everyone fails.

• Promise.allSettled → Waits for all, even if some fail. Perfect for logging or partial UI updates.

• Promise.race → First to settle (success or failure) wins. Great for timeouts.

• Promise.any → First success wins. Perfect for redundant or fallback API calls.

What I found fascinating while writing it is how differently they behave in the event loop — and how easily we misuse them without realizing.
I even added analogies (like race cars 🏎️, delivery partners 🚚, and job offers 💼) to make each concept click instantly.

If you’ve ever asked yourself “Which Promise should I use here?”, this breakdown might be worth a read.
(And yeah — it’s written for everyone from juniors to seasoned devs.)

👉 Promise.all vs allSettled vs race vs any — What Every JavaScript Developer Should Know

Curious to know:
Which one do you use most in your day-to-day code — and have you ever had a bug caused by the wrong choice?

In a post on r/learnjavascript, someone asked how to use ChatGPT to learn JavaScript. I decided to explain my approach through an infographic.

You can read the entire article here.

Note: ChatGPT can occasionally give flawed explanations or code. Always double-check the information with trusted sources like official documentation.

Trying to get this “app” (made in code.org unfortunately, it’s for school) to work right but it keeps popping out really small numbers I know can’t be accurate as the final price, even if using the weekly number which would multiply it, making it supposedly larger.

What will be the following code output?

let text = "JavaScript is awesome!"; let result = text.slice(0,9);

console.log(result);