how to render a specific piece of data from Mysql database to my front end html using Js and node

so i am building a note system and how i have it setup is that on the home page it gives you a preview of the note and if you want to see the whole note you click on it and it pulls up a modal pop-up and would display the full note. im having trouble building my fetch request to get the specified note and then render it into the modal. any suggestions would very appreciated

iv tried just building a basic fetch request but i can only really find examples of POST requests or generic GETs that would just all my notes, not a specific one.

<div id="noteDisplay" class="noteDisplay">
<ul>
    <% note.forEach(note =>{ %>

    
    <li>
        <p><%= note.title%></p>
    </li>
    <li>
        <p><%= note.body.substring(0, 250)  %> <span class="noteViewModalBtn" id=<%= note.NoteId %>>...</span></p>
    </li>
    <% }) %>
</ul>

×

<div class="noteViewModalContent">

    
</div> 

    document.querySelectorAll('.noteViewModalBtn').forEach(item => {
item.addEventListener('click', event => {
//handle click
    fetch("http://localhost:8080/note")
    .then()
noteViewModal.style.display = "flex";
})

})

app.get("/note", checkNotAuthenticated, async(req, res) =>{  

const note = await getNote(id)
res.send(note)

})

 async function getNote(id){
const [rows] = await pool.query(`
    SELECT *
    FROM userNotes
    Where NoteId = ?
    `, [id])
    return rows

}