How can i delete a specific li list on click?

const list = document.getElementById(‘list’) const addtodo = document.getElementById(‘addtodo’) //const items = document.querySelector(‘.item’) const deleteItem = document.querySelector(‘.delete’) addtodo.addEventListener(‘keypress’, submitTodo) function submitTodo(event) { if (event.keyCode == 13) { event.preventDefault() let value = addtodo.value let li = document.createElement(‘li’) li.innerHTML = ` <img class=”unchecked” src=”icon/unchecked.svg” /> ${value} <img class=”delete” src=”icon/icons8-multiply-26.png” /> ` list.appendChild(li) } } deleteItem.addEventListener(‘click’, items) function items(item)…

Details

Query executed but no effect

I spent a lot of time trying to solve this problem and I was pretty sure I missed something but I couldn’t solve it. I created a stored procedure to update user information DELIMITER $$ CREATE DEFINER=`root`@`localhost` PROCEDURE `Instructor_update`(IN `aname` VARCHAR(255), IN `aemail` VARCHAR(255), IN `aphone` VARCHAR(15), IN `aavatar` LONGBLOB, IN `aid` INT(10)) UPDATE instructor…

Details