Add an exercise for week 1

remarcmij · remarcmij · commit 458953755d5c · 2019-07-20T22:37:04.000+02:00
diff --git a/src/week1/exercise/app.js b/src/week1/exercise/app.js
@@ -0,0 +1,23 @@
+'use strict';
+
+{
+  function fetchJSON(url, cb) {
+    const xhr = new XMLHttpRequest();
+    xhr.open('GET', url);
+    xhr.responseType = 'json';
+    xhr.onload = () => cb(xhr.response);
+    xhr.send();
+  }
+
+  function main() {
+    const select = document.getElementById('select-category');
+    const ul = document.getElementById('prize-list-container');
+
+    select.addEventListener('change', () => {
+      const url = `http://api.nobelprize.org/v1/prize.json?category=${select.value}`;
+      console.log('url', url);
+    });
+  }
+
+  window.onload = main;
+}
diff --git a/src/week1/exercise/index.html b/src/week1/exercise/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Exercise</title>
+  </head>
+  <body>
+    <select id="select-category">
+      <option disabled selected>Select a category</option>
+      <option value="physics">physics</option>
+      <option value="chemistry">chemistry</option>
+      <option medicine="physics">medicine</option>
+      <option value="peace">peace</option>
+      <option value="literature">literature</option>
+      <option value="economics">economics</option>
+    </select>
+    <ul id="prize-list-container"></ul>
+    <script src="app.js"></script>
+  </body>
+</html>
