# Reading API Data with JavaScript In the previous tutorial, you created a simple API using PHP. The API returns JSON data when visited in a browser. In this tutorial, you will use JavaScript to read data from the API and display it on a webpage. --- ## Project Structure Your project should contain: ```text api-demo ├── api.php ├── index.html └── smart_security_data.json ``` --- ## Create the HTML Page Create: ```text index.html ``` Add: ```html API Demo

API Dashboard

``` Save the file. --- ## Read the API Inside the ` ``` You have successfully consumed data from an API using JavaScript. Next tutorial: **Creating a Database-Driven API with PHP and MySQL**.