From b31e603c0f0e6ef08ddf230041e9c88307caa6a4 Mon Sep 17 00:00:00 2001 From: CodeYourFuture Date: Sat, 27 Jun 2020 23:03:18 +0100 Subject: [PATCH 1/5] practice completed --- week-8/Homework/mandatory/1-practice/1-practice.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/week-8/Homework/mandatory/1-practice/1-practice.md b/week-8/Homework/mandatory/1-practice/1-practice.md index 02aa34989..155167dd3 100644 --- a/week-8/Homework/mandatory/1-practice/1-practice.md +++ b/week-8/Homework/mandatory/1-practice/1-practice.md @@ -25,7 +25,10 @@ The following endpoint is publicly available from Github 1. What would you put in the following fields? `{owner}`, `{repo}`, `{pull_number}`? - +`{owner}`- username +`{repo}` - name of repo +`{pull_number}`- pull request number 2. Describe in a sentence what this API endpoint returns when all of the fields are completed? +Lists details of a pull request by providing its number \ No newline at end of file From 135894e80a594cdfebba6ed4ba282ea87f96e460 Mon Sep 17 00:00:00 2001 From: CodeYourFuture Date: Mon, 29 Jun 2020 22:07:13 +0100 Subject: [PATCH 2/5] 2-fetch-exercise complete --- week-8/Homework/.vscode/settings.json | 3 +++ .../mandatory/2-fetch-exercise/exercise.js | 25 ++++++++++++++----- .../mandatory/3-dog-photo-gallery/index.html | 15 +++++++++++ .../mandatory/3-dog-photo-gallery/script.js | 25 +++++++++++++++++++ 4 files changed, 62 insertions(+), 6 deletions(-) create mode 100644 week-8/Homework/.vscode/settings.json create mode 100644 week-8/Homework/mandatory/3-dog-photo-gallery/index.html create mode 100644 week-8/Homework/mandatory/3-dog-photo-gallery/script.js diff --git a/week-8/Homework/.vscode/settings.json b/week-8/Homework/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/week-8/Homework/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/week-8/Homework/mandatory/2-fetch-exercise/exercise.js b/week-8/Homework/mandatory/2-fetch-exercise/exercise.js index fb3a39c2a..7b6663478 100644 --- a/week-8/Homework/mandatory/2-fetch-exercise/exercise.js +++ b/week-8/Homework/mandatory/2-fetch-exercise/exercise.js @@ -17,10 +17,23 @@ Open index.html in your browser. Every time you refresh the page, a different greeting should be displayed in the box. */ -fetch('*** Write the API address here ***') - .then(function(response) { - return response.text(); +fetch('https://codeyourfuture.herokuapp.com/api/greetings') + .then((response )=> { + return response.text(); }) - .then(function(greeting) { - // Write the code to display the greeting text here - }); \ No newline at end of file + + .then((greeting)=> { + + addGreeting(greeting) + }) + + // .catch((error) => { + // console.log(error); + + // }) + + const addGreeting = (greetingObj) => { + const pElement = document.getElementById("greeting-text"); + pElement.textContent = `${greetingObj}`; + + } \ No newline at end of file diff --git a/week-8/Homework/mandatory/3-dog-photo-gallery/index.html b/week-8/Homework/mandatory/3-dog-photo-gallery/index.html new file mode 100644 index 000000000..1a2b9ce30 --- /dev/null +++ b/week-8/Homework/mandatory/3-dog-photo-gallery/index.html @@ -0,0 +1,15 @@ + + + + + + + Document + + +
+ +
+ + + \ No newline at end of file diff --git a/week-8/Homework/mandatory/3-dog-photo-gallery/script.js b/week-8/Homework/mandatory/3-dog-photo-gallery/script.js new file mode 100644 index 000000000..10f4cbe15 --- /dev/null +++ b/week-8/Homework/mandatory/3-dog-photo-gallery/script.js @@ -0,0 +1,25 @@ + +fetch ('https://dog.ceo/api/breeds/image/random') +.then((response )=> { + return response.json(); + }) + + .then((randomDogImg)=> { + //console.log(randomDogImg.message); + + getRandomDogImg(randomDogImg) + }) + +const main = document.getElementById('main') +const btnElement = document.createElement('button') +const ulElement = document.createElement('ul') + main.append(btnElement, ulElement) +const liElement =document.createElement('li') +const imgElement =document.createElement('img') +const containerList = ulElement.appendChild(liElement) +const imgList = liElement.appendChild(imgElement) + + const getRandomDogImg= (dogImg) => { + imgElement.src = dogImg.message + +} \ No newline at end of file From 8fcaf283d9f09e54d7e1c172b74823e2e7bcda34 Mon Sep 17 00:00:00 2001 From: CodeYourFuture Date: Wed, 1 Jul 2020 00:02:03 +0100 Subject: [PATCH 3/5] completed 3-dog-photo-gallery --- .../mandatory/3-dog-photo-gallery/index.html | 22 +++++++++++++++++++ .../mandatory/3-dog-photo-gallery/script.js | 15 ++++++++++--- 2 files changed, 34 insertions(+), 3 deletions(-) diff --git a/week-8/Homework/mandatory/3-dog-photo-gallery/index.html b/week-8/Homework/mandatory/3-dog-photo-gallery/index.html index 1a2b9ce30..785e240a3 100644 --- a/week-8/Homework/mandatory/3-dog-photo-gallery/index.html +++ b/week-8/Homework/mandatory/3-dog-photo-gallery/index.html @@ -5,6 +5,28 @@ Document +
diff --git a/week-8/Homework/mandatory/3-dog-photo-gallery/script.js b/week-8/Homework/mandatory/3-dog-photo-gallery/script.js index 10f4cbe15..d61e008c6 100644 --- a/week-8/Homework/mandatory/3-dog-photo-gallery/script.js +++ b/week-8/Homework/mandatory/3-dog-photo-gallery/script.js @@ -1,4 +1,4 @@ - +function getImage(){ fetch ('https://dog.ceo/api/breeds/image/random') .then((response )=> { return response.json(); @@ -9,12 +9,14 @@ fetch ('https://dog.ceo/api/breeds/image/random') getRandomDogImg(randomDogImg) }) - +} const main = document.getElementById('main') const btnElement = document.createElement('button') + btnElement.innerText = 'Show next image' const ulElement = document.createElement('ul') main.append(btnElement, ulElement) const liElement =document.createElement('li') + liElement.classList='list' const imgElement =document.createElement('img') const containerList = ulElement.appendChild(liElement) const imgList = liElement.appendChild(imgElement) @@ -22,4 +24,11 @@ const imgList = liElement.appendChild(imgElement) const getRandomDogImg= (dogImg) => { imgElement.src = dogImg.message -} \ No newline at end of file +} + +// Next button +btnElement.addEventListener('click', getImage) + + + + \ No newline at end of file From 4b2969bed1f3845011f91ec8b947c3f160ba1498 Mon Sep 17 00:00:00 2001 From: CodeYourFuture Date: Wed, 1 Jul 2020 00:08:45 +0100 Subject: [PATCH 4/5] added error handling --- week-8/Homework/mandatory/3-dog-photo-gallery/script.js | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/week-8/Homework/mandatory/3-dog-photo-gallery/script.js b/week-8/Homework/mandatory/3-dog-photo-gallery/script.js index d61e008c6..4fc17771f 100644 --- a/week-8/Homework/mandatory/3-dog-photo-gallery/script.js +++ b/week-8/Homework/mandatory/3-dog-photo-gallery/script.js @@ -9,7 +9,14 @@ fetch ('https://dog.ceo/api/breeds/image/random') getRandomDogImg(randomDogImg) }) + + .catch((error) => { + console.log(error); + + }) } + + const main = document.getElementById('main') const btnElement = document.createElement('button') btnElement.innerText = 'Show next image' From 38677608787eeac2046f13b0c081941712988d5f Mon Sep 17 00:00:00 2001 From: CodeYourFuture Date: Wed, 1 Jul 2020 01:10:26 +0100 Subject: [PATCH 5/5] completed mandatory hw --- .../mandatory/4-programmer-humour/index.html | 15 ++++++++++ .../mandatory/4-programmer-humour/script.js | 30 +++++++++++++++++++ .../mandatory/4-programmer-humour/style.css | 12 ++++++++ 3 files changed, 57 insertions(+) create mode 100644 week-8/Homework/mandatory/4-programmer-humour/index.html create mode 100644 week-8/Homework/mandatory/4-programmer-humour/script.js create mode 100644 week-8/Homework/mandatory/4-programmer-humour/style.css diff --git a/week-8/Homework/mandatory/4-programmer-humour/index.html b/week-8/Homework/mandatory/4-programmer-humour/index.html new file mode 100644 index 000000000..4f967874a --- /dev/null +++ b/week-8/Homework/mandatory/4-programmer-humour/index.html @@ -0,0 +1,15 @@ + + + + + + + Document + + +
+ +
+ + + \ No newline at end of file diff --git a/week-8/Homework/mandatory/4-programmer-humour/script.js b/week-8/Homework/mandatory/4-programmer-humour/script.js new file mode 100644 index 000000000..299d38826 --- /dev/null +++ b/week-8/Homework/mandatory/4-programmer-humour/script.js @@ -0,0 +1,30 @@ +function getHumour(){ + fetch ('https://xkcd.now.sh/?comic=latest') + .then((response )=> { + return response.json(); + }) + + .then((data)=> { + console.log(data.title); + console.log(data.alt); + + getData(data) + }) + + .catch((error) => { + console.log(error); + + }) + } + + const main = document.getElementById('main') + const imgEl =document.createElement('img') + main.append(imgEl) + + const getData= (data) => { + + imgEl.src = data.img + + } + + getHumour() \ No newline at end of file diff --git a/week-8/Homework/mandatory/4-programmer-humour/style.css b/week-8/Homework/mandatory/4-programmer-humour/style.css new file mode 100644 index 000000000..e065d3f1d --- /dev/null +++ b/week-8/Homework/mandatory/4-programmer-humour/style.css @@ -0,0 +1,12 @@ +*{ + box-sizing: border-box; + background-color: rgb(132, 91, 138); +} + +img{ + display: flex; + padding: 70px 500px; + height: 600px; + border-inline: rgb(218, 64, 97); + +} \ No newline at end of file