Using For Loop In Alpine JS

The steps are: add alpine.js to head section of your HTML create loop data get data on template loop and show data Create Loop Data Make a function inside a script tag just above the </body> tag ... <body> ... <script> function theData() { return { produk: [ { name: "Boaty McBoatface", price: "$300.000", }, { name: "WD-40", price: "$45.000", }, { name: "Bugs for lyfe", price: "$105.000", }, ]}; } </script> </body> Get Data to HTML We need to make it available on the HTML....

February 26, 2020