Django, HTMX and Alpine.js: Modern websites, JavaScript optional(saaspegasus.com)

  $(‘#user-list’).html(“<%= j render(‘index’, users: @users) %>”)

  def get_user_data(user_id: int) -> Dict (JSON-looking data):
      ...

  def render_user_view(user_id: int) -> HTML:
      user_data = get_user_data(user_id)
      render_template("user_detail_view.html", context=user_data)

    // when the DOM is loaded
    document.addEventListener('DOMContentLoaded', () => {
      // find every element with the class "close"
      (document.querySelectorAll('.close') || []).forEach((closeButton) => {
        const parent = closeButton.parentNode;
        // and add a "click" event listener
        closeButton.addEventListener('click', () => {
          // that removes the button's parent from the DOM 
          parent.parentNode.removeChild(parent);
        });
      });
    });

    document.addEventListener('DOMContentLoaded', () => {
        document.querySelectorAll('.close').forEach((closeButton) => {
            closeButton.addEventListener('click', (event) => {
                event.target.parentNode.remove()
            })
        });
    });