lecture.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Lee Morgan -lecture-</title>
  6. <link rel="stylesheet" href="/learn/style">
  7. </head>
  8. <body>
  9. <h1 id="title"></h1>
  10. <h3 id="course"></h3>
  11. <h6 id="date"></h6>
  12. <iframe id="video"></iframe>
  13. <p id="description"></p>
  14. <div id="documents">
  15. <h2>Resources</h2>
  16. </div>
  17. <ol id="exercises">
  18. <h2>Exercises</h2>
  19. </ol>
  20. <script>
  21. let id = window.location.href.split("/");
  22. id = id[id.length-1];
  23. fetch(`/learn/lectures/json/one/${id}`)
  24. .then(response => response.json())
  25. .then((response)=>{
  26. document.getElementById("title").innerText = response.title;
  27. document.getElementById("course").innerText = response.course.title;
  28. document.getElementById("date").innerText = response.date;
  29. document.getElementById("video").src = response.video;
  30. document.getElementById("description").innerText = response.description;
  31. let documents = document.getElementById("documents");
  32. for(let i = 0; i < response.documents.length; i++){
  33. let a = document.createElement("a");
  34. a.href = response.documents[i];
  35. a.innerText = response.documents[i];
  36. documents.appendChild(a);
  37. }
  38. let exercises = document.getElementById("exercises");
  39. for(let i = 0; i < response.exercises.length; i++){
  40. let li = document.createElement("li");
  41. li.innerText = response.exercises[i];
  42. exercises.appendChild(li);
  43. }
  44. })
  45. .catch((err)=>{});
  46. </script>
  47. </body>
  48. </html>