Как сделать функцию обновления в crud ⇐ CSS

[Anonymous]

Я пытаюсь создать функцию редактирования в crud, используя js, и не могу это сделать, проблема в том, что строка не обновляется, когда я нажимаю кнопку редактирования, информация снова появляется в полях ввода, но когда я нажимаю «обновить», он добавляет его как новую строку, а не обновляет существующую
вот html

Код: Выделить всё

Movie Name
[i]

Realse Year


Genre


 Add 







Name
Year
Genre
Edit
Delete

и JS

Код: Выделить всё

//form inputs
const movieName = document.getElementById('name')
const movieYear = document.getElementById('year');
const movieGenre = document.getElementById('genre');

const searchInput = document.getElementById('search')

const addBtn = document.getElementById('add')
//update

let movieContainer=[]
if(localStorage.getItem('movie')){
movieContainer = JSON.parse(localStorage.getItem('movie'))
display()
}

//add movie
function addMovie(){
let movie = {
name:movieName.value,
year:movieYear.value,
genre:movieGenre.value,
}

movieContainer.push(movie)
localStorage.setItem('movie',JSON.stringify(movieContainer))
display()
clearMovie()

}
// display

function display(){
let show=''
for(let i = 0 ;i < movieContainer.length; i++){
show += `

${movieContainer[i].name}
${movieContainer[i].year}
${movieContainer[i].genre}


Подробнее здесь: [url]https://stackoverflow.com/questions/78722652/how-to-make-update-function-in-crud[/url]