The JS, Dom & Req modules are pretty straight forward
JS has some simple helper functions
DOM has all the functions you need to select elements from the DOM
Req saves you a few lines when you need to make GET or POST web requests
This example uses Req to get a JSON file, JS to simplify validating it and DOM to get then update an element based on an attribute to create the following list:
Resulting HTML will go here
Console
Javascripts messages will go here
Modal with Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cum sociis natoque penatibus et magnis dis parturient. Sed ullamcorper morbi tincidunt ornare. Morbi blandit cursus risus at ultrices mi tempus imperdiet nulla. Maecenas ultricies mi eget mauris. Nulla porttitor massa id neque aliquam vestibulum morbi blandit. Nisl vel pretium lectus quam. Vulputate ut pharetra sit amet aliquam id diam. Sagittis aliquam malesuada bibendum arcu. Amet nulla facilisi morbi tempus. Aliquet nibh praesent tristique magna sit. Leo duis ut diam quam nulla porttitor massa id. Rutrum quisque non tellus orci ac auctor augue mauris. Viverra suspendisse potenti nullam ac.
Volutpat consequat mauris nunc congue. Suspendisse faucibus interdum posuere lorem ipsum dolor sit amet consectetur. Gravida rutrum quisque non tellus orci ac auctor augue. Lectus sit amet est placerat in egestas erat imperdiet. Enim ut sem viverra aliquet eget. Vulputate odio ut enim blandit volutpat maecenas volutpat blandit aliquam. Vitae et leo duis ut diam quam nulla porttitor massa. Morbi blandit cursus risus at ultrices mi tempus imperdiet nulla. Luctus venenatis lectus magna fringilla. Neque egestas congue quisque egestas diam in arcu. Mi ipsum faucibus vitae aliquet nec ullamcorper sit amet. Magna etiam tempor orci eu lobortis elementum nibh tellus. Erat nam at lectus urna duis. Vitae et leo duis ut diam quam. Vitae et leo duis ut. Lorem sed risus ultricies tristique. Odio ut sem nulla pharetra diam. Donec adipiscing tristique risus nec feugiat in fermentum posuere.
Turpis cursus in hac habitasse platea dictumst quisque. Nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Morbi tristique senectus et netus et. Sit amet tellus cras adipiscing enim eu turpis egestas. Amet mattis vulputate enim nulla aliquet porttitor. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Turpis nunc eget lorem dolor sed viverra. Quam nulla porttitor massa id neque. Felis eget velit aliquet sagittis id consectetur purus ut. Fermentum posuere urna nec tincidunt praesent semper feugiat. Placerat duis ultricies lacus sed turpis tincidunt id aliquet risus.
Customised Modal
You must tick the following checkbox for this modal to close.