要求:
水果列表删除提示功能
1、制作一个水果列表
2、删除选中的水果
删除时,使用confirm提示是否确认删除
预览:
源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>水果列表删除提示功能</title>
</head>
<body>
<ul class="fruit-list">
<li>香蕉</li>
<li>苹果</li>
<li>鸭梨</li>
</ul>
<script>
let ul = document.querySelector("ul");
ul.onclick = function (e){
let mark = confirm("请确认是否删除,删除后数据不能恢复!");
if (mark){
ul.removeChild(e.target);
}
}
</script>
</body>
</html>