Yarninator/toddler_shop_frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Load products on page load

Browse source
This commit is contained in:
Yarne Coppens 2024-08-04 10:29:43 +02:00
parent a50ba6f68a
commit 26fb8073ed
2 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
index.html
View file

@ -1,5 +1,14 @@
<script src="/scripts/main.js"></script> <!DOCTYPE html>
<html>
<button type="button" onclick="loadProducts()">Load Products</button> <head>
<title>
Toddler Shop
</title>
<script src="/scripts/main.js"></script>
</head>
<p id="demo"></p> <body onload="loadProducts()">
</body>
</html>

6
scripts/main.js
View file

@ -1,3 +1,5 @@
var all_products
async function makeAPIRequest(request) { async function makeAPIRequest(request) {
try { try {
const response = await fetch(request); const response = await fetch(request);
@ -10,7 +12,7 @@ async function makeAPIRequest(request) {
async function loadProducts() { async function loadProducts() {
const loadProductRequest = new Request("http://127.0.0.1:8000/products") const loadProductRequest = new Request("http://127.0.0.1:8000/products")
const result = await makeAPIRequest(loadProductRequest) all_products = await makeAPIRequest(loadProductRequest)
console.log(result) console.log("Loaded products:", all_products)
} }