Anyone use XAMPP and can assist me with this please?

Question

I want to look up any Superhero by their name or alias and retrieve only that superhero or leave the text field blank and when I click search, it should return the original list of superheroes:
Captain America
Ironman
Captain Marvel etc…

I added the PHP code for it.
However, when I click search it’s showing everything in the PHP file, even the closing tags. I’d really appreciate the help.

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

Answer 1

// This works for me:

onload = () => {
var Btn = document.getElementById('searchBtn');
var result = document.getElementById('result');
var heroName= document.getElementById('searchBox');
Btn.onclick = event => {
fetch(`superheroes.php?query=${heroName.value}`, {
method: 'GET'})
//fetch(`superheroes.php?query=${heroName.value}`)
.then(response =>{
return response.text(); // return the response as text
})
.then(data =>{
result.innerHTML= data;
});
}
}

Answer 2

JaScript thank you. Did you modify the php code; Are you able to search for each character by name? When I click on search, I'm getting:

, "name" => "Steve Rogers", "alias" => "Captain America", "biography" => "Recipient of the Super-Soldier serum, World War II hero Steve Rogers fights for American ideals as one of the world’s mightiest heroes and the leader of the Avengers.", ], [ "id" => 2, "name" => "Tony Stark", "alias" => "Ironman",

And not a list with their Alias.

Answer 3

For a super hero that is found, the result should look like this:

IRON MAN
AKA TONY STARK

Genius. Billionaire. Playboy…

Answer 4

To fix it you can cut the first loop and put them into last if statement.

Answer 5

Triz how it works you can see here:

https://dl.dropbox.com/s/7neg4mu3xkj8n7o/avengers.mov?raw=1

Answer 6

Triz An idea will be to remove the apostrophe from the user searching input and from php searching algorithm.

Answer 7

I checked again the php isn‘t changed only app.js. Here a picture of a searching result:

https://dl.dropbox.com/s/432pk0smh9dq836/Bildschirmfoto%202022-11-06%20um%2022.35.22.png?raw=1

Answer 8

JaScript when you search for a specific character, the list with the other superheroes shouldn’t be showing but I don’t know how to fix that as yet

Answer 9

Triz For small tasks and training I use DraftCode on iPad. This app uses XAMPP implementation for server features and MySql for database.

Answer 10

JaScript I got it to work. Thanks alot!!! I really really appreciate it!

Answer 11

JaScript Ok. Thanks again!

Answer 12

JaScript When i search for T’challa, it says user not fount but it’s in the array. I think it’s because of the apostrophe, any idea how to fix this?

Answer 13

Triz did you fix the apostrophe problem?

Answer 14

Very nice.

Answer 15

Hello.