HTML/JavaScript - Help with if, &&, else?

Question

Okay so I made an attempt at something, but it was utterly bad so I deleted that section and only after doing that did I realise I could ask for help... Oops...
So I'm trying to make a sort of Generator for my friend to help her with a little project, but it requires use of it, &&, else statements as well as grabbing randomly from lists within those... And my brain is melting OTL
So... First off here's my first bit of basic generator (edited slightly just to have unimportant test words to generate)

https://code.sololearn.com/Wnn1u330ZQfN/?ref=app

Now, what I want to do now, is to somehow make it also print, on a separate line, something else depending on what was generated.

So, let's say I get the result of "1" & "Red", I then want it to pick at random 'A', 'B', or 'C'. But if it gives "2 Red" I want randomly from 'Do', 'Re', or 'Mi'
Etc etc

Answer 1

Kitsune Maika Did you see the deliberate mistake? 😉

The ifs need to check for "Red" and not "red". Code amended below.

https://code.sololearn.com/WqgH7izlD4fk/?ref=app

Answer 2

Russ Thank you SO much! I think I got... Close-ish in my attempt I deleted before posting this question, but it was a lot more convoluted and longer and just... Not very good xD

So thank you SO much! ❤️

Answer 3

function newGen() {
var randomNumber = Math.floor(Math.random() * (numbers.length));
var randomColor = Math.floor(Math.random() * (colors.length));
var number = numbers[randomNumber];
var color = colors[randomColor];
document.getElementById('outputDisplay').innerHTML = number + '&nbsp' + color;
if (number === "1" && color === "red") {
var list = ["Do", "Re", "Mi"];
} else if (number === "2" && color === "red") {
var list = [...]
}
}

Can't really see an easier way than this other than knowing what it is that decides the list and then trying to find a shortcut.

Answer 4

Russ that still doesn't display the new list?
I edited my JavaScript to add your code and then tried rearranging the display to be after, and added the new var to the display but... Idk what's happening now...
I did save it though so it can be looked at

Answer 5

You didn't copy it correctly. I saved the chosen number into a new variable, same with the chosen colour, then checked both of those in the if.

Answer 6

Not a problem. Happy coding!

Answer 7

Kitsune Maika Updated code to show another way you could do. It doesn't use "&&" - not sure if that was necessary - but, if that's ok, it should offer an easier way to create all the different lists. 👍🏻