Anyone can help me to start learning JS to game dev?,i have 13 years older,and i like the programation,i want make games,for funny and make games seriously,i use chatgpt but i dont want use him,i want learn and use my brain,PLEASE IF ANYONE WANT HELP ME SEND ME DM.

I have recently started learning js & i noticed there's always many way's to do something in js
Like to create a variable in js we can use 3 keywords

1. Var 2. Const 3. Let
   Similarly to create or define a function there are several methods
2. Declare function by using function keyword
3. Function expresss
   3.Arrow function

I know js is just built in less then month so it has many flaws due to this but why publish then first resolve these issue then go public

I may be wrong in few things here so apologies firstly

Hey,
I study with Claude, but sometimes I need illustrations to help me understand better the concepts.

I would like to understand Promises better, can you guys recommend me a video from YouTube about Promises and how they work? with the container, micro/macrotask etc.

Thanks!

OK, alors je suis en troisième, je fais un peu de programmation JavaScript (connaissances de base), et j'ai un problème avec le code d'un petit jeu pour navigateur (page HTML).

J'essaie de créer un système de succès, et j'ai presque réussi ; j'ai juste un problème avec getElementById et HTMLObject.id = “...”.

Dans un extrait de code, je fais ceci : (exécuté une seule fois au lancement du programme)

for (var i = 0; i < achievements.length; i++){

let text = document.createTextNode("???");

achievementsD.appendChild(text);

text.id = achievements[i].name;

achievementsD.innerHTML += "<br><br>";

}

Pour information, au début, j'ai «let achievementsD = document.getElementById(‘achievementsD’);» et dans le HTML <div id="achievementsD"> <!-- Implemented with Javascript !--> </div>. (Tout est correct, j'ai vérifié.)

Mais plus loin dans le code, dans une fonction qui s'exécute toutes les 1/30e de seconde (vérifiée, fonctionnelle), j'ai ceci :

for (var i = 0; i < achievements.length; i++){

if ((achievements[i].check)() && !(achievements[i].owned)){

achievements[i].owned = true;

document.getElementById(achievements[i].name).innerHTML = achievements[i].name; //Avertissement : le code ne fonctionne pas ici, voir ci-dessous.

//Notifications ? (Non ajouté pour le moment)

}

}

Notez que achievement[i] est défini comme [name (“Ten points !!!”), check (function v() {return points >= 10}), text (“Make ten points”), owned (false), once (not used now, never mind)]; (entre parenthèses = détails, pas dans le code).

Le problème ? Lorsque j’essaie d’obtenir la complétion à 10 points (l’exemple fourni), j’obtiens l’erreur « Uncaught TypeError: can’t access property ‘innerHTML’, document.getElementById(...) is null » sur la ligne que j’ai marquée. Cela signifie que document.getElementById ne trouve pas l’objet HTML créé dans le premier extrait de code… Comment puis-je résoudre ce problème ?

Si ce message n’est pas approprié ici, veuillez me le faire savoir et m’indiquer où je peux le poster à la place.

Merci ! 😄

I don’t mind a paid course I’m just not looking for another subscription. Just want to find a way to learn java script and practice without an ongoing payment.

Hi, I am still learning how to become a developer, and in my node.js express application, I have a controller that exports functions that are created using factory functions.

The factory functions are as follows in this module:

const asyncHandler = require('../utils/asyncHandler');
const AppError = require('../utils/AppError');


exports.getData = (Model) =>
  asyncHandler(async (req, res, next) => {
    const document = await Model.findAll();
    res.status(200).json({
      status: 'success',
      results: document.length,
      data: {
        document,
      },
    });
  });


exports.createData = (Model) =>
  asyncHandler(async (req, res, next) => {
    const document = await Model.create(
      req.body,
      //object?
    );


    res.status(201).json({
      status: 'success',
      message: 'entry added successfully',
      data: {
        document,
      },
    });
  });


exports.deleteData = (Model) =>
  asyncHandler(async (req, res, next) => {
    await Model.destroy({
      truncate: true,
    });


    res.status(204).json({
      status: 'success',
      data: null,
    });
  });


exports.updateData = (Model) =>
  asyncHandler(async (req, res, next) => {
    const document = await Model.update(req.body, {
      where: { id: req.params.id },
    });


    if (document[0] === 0) {
      return next(new AppError('No document with that ID found.', 404));
    }


    res.status(200).json({
      status: 'success',
      data: { document },
    });
  });


exports.getSingle = (Model) =>
  asyncHandler(async (req, res, next) => {
    const document = await Model.findOne({
      where: { id: req.params.id },
    });


    if (document[0] === 0) {
      return next(new AppError('No document with that ID found.', 404));
    }


    res.status(200).json({
      status: 'success',
      data: { document },
    });
  });

then, in my controller module:

const factory = require('./factory');
const Master = require('../models/masterModel');
// a whole bunch of models are imported

exports.getModel = factory.getData(Model);
exports.createModel = factory.createData(Model);
exports.deleteModel = factory.deleteData(Model);
exports.updateModel = factory.updateData(Model);
exports.getSingleModel = factory.getSingle(Model);

// another 30 of the same thing, for each model that I import at the top of the file... 

How would I refactor this? It is incredibly repetitive and I'm pretty sure this would be unacceptable in a professional environment.

Thanks in advance! :)

having trouble figuring out what I am doing wrong in this snippet

const email = document.getElementById('email');
const confirm_email = document.getElementById('confirm_email');
const submit = document.getElementById('submit');
const ok = document.getElementById('ok');
const alert_box = document.getElementById('alert_box');

submit.addEventListener('click', function(){
    if (email !== confirm_email) {
        alert_box.style.display = 'flex';
        event.preventDefault()
    }
});

I thought it would function as it would grab my inputs from my form after I clicked my submit button and if the email and confirm_email didn't match it would change my display state but it will change the display state even if it does match.

--SOLVED--

submit.addEventListener('click', function(){
    email_val = email.value;
    confirm_email_val = confirm_email.value;
    console.log(email_val);
    console.log(confirm_email_val);
    if (email_val !== confirm_email_val) {
        alert_box.style.display = 'flex';
        event.preventDefault()        
    }
});

i know camel case is prefered for javascript and Java but I've done more work with python and camel case on variables looks icky to me.

I really want to start using js, I have a little python experience from middle and highschool and I would love to start making my own games and passion projects, also would not be opposed to a future career in the field

Hello, I’m working on a website and ran into a problem. I have a button that redirects to another page, but it’s not a standard link. I handle the redirect using:

window.location.href = "http://page";

I do this because I want to show an animation before the redirect, like this:

button.addEventListener("click", () => {
  anim.classList.add("animClass");
  setTimeout(() => {
    window.location.href = "http://page";
  }, 1000);
});

However, this approach isn’t very clean and has several issues. The main problem is that I can’t predict the user’s network speed, so there might be noticeable latency.

I was wondering if it’s possible to do something like this: preload the page in the background, cache it, and then when the user clicks the button, redirect them instantly. This way, there would be no delay.

3 years ago, I was using this sub avidly while I was learning JS. Things changed a lot after AI. I checked recent submissions and not much posted in recent weeks.

Is this the effect of AI on learning? Do people rely on AI for learning things nowadays rather than forums?

let overallDisplay = "0";
let currentDisplay = "0";
let resultDisplay = false;
function appendToDisplay(val){
if(currentDisplay === "0" || resultDisplay){
currentDisplay = val;
}
else{
currentDisplay += val;
}
updateCurrentDisplay();
resultDisplay = false;
}
function appendToOperator(val){
if(val === '+' && currentDisplay !== "0") updateOverallDisplay(val);
else if(val === '-' && currentDisplay !== "0") updateOverallDisplay(val);
else if(val === '*' && currentDisplay !== "0") updateOverallDisplay(val);
else if(val === '/' && currentDisplay !== "0") updateOverallDisplay(val);
}
function updateCurrentDisplay(){
let display = document.getElementById("output");
display.style.display = "block";
display.textContent = currentDisplay;
}
function updateOverallDisplay(value){
let overallDisplayArea = document.getElementById("overall");
if(overallDisplay === "0"){
overallDisplay = currentDisplay + " " + value;
}
else{
overallDisplay += currentDisplay + " " + value;
}
overallDisplayArea.textContent = overallDisplay;
currentDisplay = "0";
}
function clearOverallDisplay(){
overallDisplay = 0;
let overallDisplayArea = document.getElementById("overall");
overallDisplayArea.style.display = "none";
}
function clearCurrentDisplay(){
currentDisplay = 0;
updateCurrentDisplay();
}
function clearDisplay(){
clearOverallDisplay()
clearCurrentDisplay()
}
function updateDisplays(val){
currentDisplay = val;
updateCurrentDisplay();
//clear overall
let overallDisplayArea = document.getElementById("overall");
overallDisplayArea.style.display = "none";
}
function calculate(){
try{
const result = eval(overallDisplay + currentDisplay);
currentDisplay = "\n=" + result;
}
catch(error){
const result = "ERROR";
currentDisplay = "\n=" + result;
}
updateDisplays(currentDisplay);
resultDisplay = true;
}
document.addEventListener("keydown", (event) => {
const keyName = event.key;
if(keyName === "1") appendToDisplay('1');
else if(keyName === "2") appendToDisplay('2');
else if(keyName === "3") appendToDisplay('3');
else if(keyName === "4") appendToDisplay('4');
else if(keyName === "5") appendToDisplay('5');
else if(keyName === "6") appendToDisplay('6');
else if(keyName === "7") appendToDisplay('7');
else if(keyName === "8") appendToDisplay('8');
else if(keyName === "9") appendToDisplay('9');
else if(keyName === "0") appendToDisplay('0');
else if(keyName === "+") appendToOperator('+');
else if(keyName === "-") appendToOperator('-');
else if(keyName === "*") appendToOperator('*');
else if(keyName === "/") appendToOperator('/');
else if(keyName === "Backspace") clearDisplay();
else if(keyName === "Enter") calculate();
});

HTML

<!DOCTYPE html>
<html>
    <head>
        <script src="script.js"></script>
        <link rel="stylesheet" href="styles.css"/>
    </head>
    <body>
        <div class="calculator">
            <div id="overall"></div>
            <div class="calculator__output" id="output">0</div>
            <div class="calculator__keys">
                <button class="calculator__key calculator__key--operator" onclick="appendOperator">+</button>
                <button class="calculator__key calculator__key--operator">-</button>
                <button class="calculator__key calculator__key--operator">×</button>
                <button class="calculator__key calculator__key--operator">÷</button>
                <button class="calculator__key" onclick="appendToDisplay('7')">7</button>
                <button class="calculator__key" onclick="appendToDisplay('8')">8</button>
                <button class="calculator__key" onclick="appendToDisplay('9')">9</button>
                <button class="calculator__key" onclick="appendToDisplay('4')">4</button>
                <button class="calculator__key" onclick="appendToDisplay('5')">5</button>
                <button class="calculator__key" onclick="appendToDisplay('6')">6</button>
                <button class="calculator__key" onclick="appendToDisplay('1')">1</button>
                <button class="calculator__key" onclick="appendToDisplay('2')">2</button>
                <button class="calculator__key" onclick="appendToDisplay('3')">3</button>
                <button class="calculator__key" onclick="appendToDisplay('0')">0</button>
                <button class="calculator__key" onclick="appendToDisplay('.')">.</button>
                <button class="calculator__key" onclick="clearDisplay()">AC</button>
                <button class="calculator__key calculator__key--enter" onclick="calculate()">=</button>
            </div>
        </div>
    </body>
</html>

I'm building a calculator app but the problem occur when i try to clear() the old chunk data. Is this code look messy or is it better because this my first time using JS

I'm writing articles as a way to deepen my understanding of JS/TS and to help spread that knowledge. This one is all about iterators. I start with the snippet below and build up to custom iterators. Enjoy!

const arr = [1, 2, 3];

// `for...of` loops use iterators
for (const el of arr) {
  // do something
}

Learn more here.

( i have 3 weeks from 5 may to 26 may )

i will have nearly good numbers of hours and i am planning to go all in i dont care about sleep or life all i want is be great , i have great iq and i can learn things fast

what should i keep as my goal ? give me delusional goal and i will try to chase it

being delusional and see what human limits can achieve .

let me know i will chase that goal with projects and understanding .

I usually see let and const everywhere, and I understand why they are preferred because they are block-scoped and safer.

But I also heard an opinion that var can still be useful when declaring variables inside a function, because it makes it clear that the variable belongs to the whole function scope and may be used across different blocks inside that function.

For example, let feels more natural for variables inside blocks like if, try/catch, loops, etc., while var could theoretically show that the variable is intended to be available throughout the function. Does anyone actually think about var this way, or is var basically avoided completely in modern JavaScript?

Freecodecamp for learning JS worth?