OneLife | multiplayer survival game of parenting and civilization | Game Engine library

I'm recreating the Fallout terminal game using vanilla Javascript---one of the game's main elements is comparing the word you selected to the word that the computer chose.

The hacking game is similar to Mastermind, a board game. You will be presented with a list of words, all of the same character length...One of the words is the correct password, and your goal is to guess it.

You choose a word by clicking on it. If you didn't guess correctly, the terminal will display "x/y correct" where x is the number of correct letters, and y is the word length. A letter is correct only if it is in the right spot.

I was able to get the compare aspect working in the console, and I'm now trying to get that to show up on the page itself.

I'm trying to create a DOM element that initially shows the text: "Four attempts remaining. [] [] [] []" and then updates depending on how many moves you've made.

I feel like the logic is there, but I'm not fluent enough in JavaScript and the DOM to get things working.

Originally I thought playerAttempts would be an array that I'd push the results into...? But now I'm not sure that's the best option.

Here's what I have:

so i have a bootstrap carousel on my page and i'm trying to change the content of the page depending on which slide in currently showed. i have the current slide index in a javascript variable but can't transfer the value to php. so i am now getting the value with GET but the php variable's value don't change unless i refresh the page, but when i do refresh the page the slides reset to the first one. how can i let the carousel stay on the same slide even after the page is refreshed? thank you

this is my carousel: