Heroes

In this example below you will see how to do a Heroes with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by jackley, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright jackley ©
  • HTML
  • CSS
  • JavaScript
    

/*Downloaded from https://www.codeseek.co/jackley/heroes-PJOZNP */
    


/*Downloaded from https://www.codeseek.co/jackley/heroes-PJOZNP */
    console.log(heroes);

// Return a single hero from the array by name
function findHeroByName(name) {
  
}

// Return a single hero from the array by id
function findHeroById(id) {
  
}

// Return a hero's description from a hero object
function getHeroDescription(hero) {
  
}

// Return a hero's detail url from a hero object
function getHeroDetailLink(hero) {
  
}

// Return a hero's image url from a hero object
function getHeroImage(hero) {
  
}

// Put all of the abover together to show a hero on the dom
function generateHero(hero) {
  let html = `<div class="hero">
    
  </div>`
}

let heroName,
    heroId,
    hero;



document.body.append( generateHero() );

Comments