From 72002c519274f5ec6dc48812ed8b71944969c851 Mon Sep 17 00:00:00 2001 From: Connor Yates Date: Mon, 7 Oct 2019 13:31:06 -0500 Subject: [PATCH] final marvel submition --- 07week/dodegeBall/dodgeBall.js | 2 +- 07week/marvelLookup/marvel.css | 7 ++++ 07week/marvelLookup/marvel.html | 25 ++++++++++++++ 07week/marvelLookup/marvel.js | 60 +++++++++++++++++++++++++++++++++ 4 files changed, 93 insertions(+), 1 deletion(-) create mode 100644 07week/marvelLookup/marvel.css create mode 100644 07week/marvelLookup/marvel.html create mode 100644 07week/marvelLookup/marvel.js diff --git a/07week/dodegeBall/dodgeBall.js b/07week/dodegeBall/dodgeBall.js index 518f6cd2d..2e6ee53f4 100644 --- a/07week/dodegeBall/dodgeBall.js +++ b/07week/dodegeBall/dodgeBall.js @@ -81,7 +81,7 @@ class redTeammate extends player{ constructor(canThrowBall,canDodgeBall,hasPaid,isHealthy,yearsExperience,mascot,teamColor){ super(canThrowBall,canDodgeBall,hasPaid,isHealthy,yearsExperience); this.mascot = RedRaiders; - this.teamColor = teamColor; + this.teamColor = teamColor; } } diff --git a/07week/marvelLookup/marvel.css b/07week/marvelLookup/marvel.css new file mode 100644 index 000000000..f8bdc7f50 --- /dev/null +++ b/07week/marvelLookup/marvel.css @@ -0,0 +1,7 @@ +* { + box-sizing: border-box; +} +main { + display: flex; + justify-content: space-evenly; +} \ No newline at end of file diff --git a/07week/marvelLookup/marvel.html b/07week/marvelLookup/marvel.html new file mode 100644 index 000000000..caa86b0a0 --- /dev/null +++ b/07week/marvelLookup/marvel.html @@ -0,0 +1,25 @@ + + + + + + + + Document + + +
+

Characters

+
+
+ +
+

Collected

+
+
+ + + + + + \ No newline at end of file diff --git a/07week/marvelLookup/marvel.js b/07week/marvelLookup/marvel.js new file mode 100644 index 000000000..052de84db --- /dev/null +++ b/07week/marvelLookup/marvel.js @@ -0,0 +1,60 @@ +// Create a request variable and assign a new XMLHttpRequest object to it. +var request = new XMLHttpRequest() +getCharacters(); +// var dataName = '' +function getCharacters (){ + + fetch("http://gateway.marvel.com/v1/public/characters?ts=1&apikey=fc273af0f86e9c39dc17cb69b19fa0c6&hash=706f0130c1217ad47bc6f5564ef70b00") + .then(response => { + return response.json() + }) + .then(data => { + charData(data.data); + for(let i=0, len=charData.length; i{ + var characters = document.getElementById('characters'); + characters.setAttribute('id','removeChar') + charts.results.map(results => { + const li = document.createElement("li") + let colButton = document.createElement("button") + colButton.setAttribute('id','removeButton') + colButton.innerHTML = "Collect Character" + colButton.addEventListener('click', function() {collected.push(results),{once:true}, + collect()}) + li.appendChild(colButton) + li.appendChild(document.createTextNode(results.name)) + characters.appendChild(li) + }) + }; + + + var collect = ()=> { + const collection = document.getElementById('collected') + removeButton.remove() + // removeChar.remove() + collection.innerHTML = null; + + collected.map(charts => { + const li = document.createElement('li') + li.append(document.createTextNode(charts.name)) + collection.append(li) + }) + } + // var removeButton = ()=> { + // removeChar.remove() + // } + + + + + + + + + + \ No newline at end of file