Why are my if and if else loop not being entered? (RPG creature search)

JavaScript
1

Below is exserts from progress so for on this certification project (Build an RPG Creature Search App Project: Build an RPG Creature Search App | freeCodeCamp.org). I have opted for exserts due being a certification project and my issue is almost certianly localised. I have checked and these appear to be only places not working. The problem is my if and if else appear to be inenterable this appears to be due searchInput having no value (```{}```). However I cannot worked out why. The reason I have too different format for the if and the else if condition as I am trying a new way.
Relevant html code inside a html boiler plate including a correct script element.

<input id="search-input" required>

Relevant JavaScript code.

const searchInput=document.getElementById("search-input");
const viewCreatureStats=()=>{
  console.log(searchInput);
  if(["Pyrolynx", 1, "#1"].includes(searchInput)){
    console.log("if loop entered");
  } else if(searchInput==="Aquaroc"||searchInput===2|searchInput==="#2"){
    console.log("else if loop entered");
  } else{
    alert("Creature not found");
    return;
  }
  return;
}
searchBtn.addEventListener("click", viewCreatureStats);

Update: I have changed my if statement to resemble the format of my else if statement, to as I expected to no effect. While admitted not reflecting my post title properly , I know at the very least one of the errors has to do with userInput.

2

what is searchInput?

separate issue:

you should not hard code the values, you should always use the API

3

I was thinking to myself I was not using what I learned in the programs since the last certification project. I am assume then I should not have p elements in my html file as well, as I currently, but instead add them in literals in the javaScript code. I was already thinking about whether to make this later change.

4

you can create the HTML as you want

but you specifically need the API for the creatures data, you should always use the API and not hardcode the creature data at all in your code

5

I am treated your “What is SearchInput?” as something like a rhetorical question as you know how it is defined and are instead saying it is not the right approach.

6

Is “tbr” a typo of “the”?

7

it’s not a rhetorical question, it’s an encouragement to examine it. You are comparing it with numbers and strings, but what is it?

8

I realise now I was not accessing the value of input, changing that has not solved matters but I now know that is the wrong way anyway. Please react to my typo comment because I cannot understand that comment without knowing whether it is a typo not acronym.

9

I corrected the typo

10

I will say I am not understanding everything you are saying however looking at a matters earlier in a day with a chance to implement, what I do understand may make matters clearer.

11

I already noticed, thankyou for that.

12

I am saying, you are trying to check what the value in the search input is, you don’t need to do it, whatever value in the search input, give it to the API

13

Thankyou for spelling that out. Something I tossed up asking now and I have decided to. what do mean by the monster stats I would assume that means only the likes of the monster stats but you seem the imply it includes, what the user inputs.

14

if you mean the name or creature id that the user writes in the search input, the returned creature data includes both the id and the name and they both need to be displayed

so yes

15

Is it also true, I should not be entering the creature height and so on myself, that is done on your side.

16

those are data you get from the API

17

Sorry to avoid an ambiguity I should not be entering them into the API.

18

you can’t change the API, you can only get data from the API

19

Thankyou I will leave this thread for today.

20

I will say I was not fully getting what you were saying, but having done more reading up based on what you are saying and actually reading to start of project description, I embarrassingly missed, it looks like I understand it now. However I will have to actually sit down and do it to be sure, I might wait till a later day to. However the frustration I had is now relieved.

In short I a missed the link to document to import data from for this program. I deliberately avoid using a word in this last sentence, to not overhelp those reading this, so if a word choice is weird and somewhat incorrect that is why.