Injecting JavaScript into HTML

Once we have finished this section, we will have a not-so-pretty but fully functional main view where we can add, edit, and delete to-do items using JavaScript to make calls to our Rust server. However, as you may recall, we did not add a delete API endpoint. To inject JavaScript into our HTML, we will have to carry out the following steps:

1. Create a delete item API endpoint.
2. Add a JavaScript loading function and replace the JavaScript tag in the HTML data with the loaded JavaScript data in the main item Rust view.
3. Add a JavaScript tag in the HTML file and IDs to the HTML components so that we can reference the components in our JavaScript.
4. Build a rendering function for our to-do items in JavaScript and bind it to our HTML via IDs.
5. Build an API call function in JavaScript to talk to the backend.
6. Build the get, delete, edit, and create functions in JavaScript for our buttons to use.

Let’s have a detailed look...