js完成影片资讯的动态添加和按编号删除

首先，你需要有一个包含影片资讯的列表。你可以用数组或者JSON对象来存储。然后，你可以使用JavaScript来动态添加和删除列表项。

以下是一个使用数组来存储影片资讯，动态添加和删除列表项的示例代码：

HTML部分：

<ul id="movieList">
  <!-- 初始为空 -->
</ul>

<div>
  <label for="title">影片名称：</label>
  <input type="text" id="title">
  <label for="director">导演：</label>
  <input type="text" id="director">
  <button onclick="addMovie()">添加</button>
</div>

<div>
  <label for="index">删除序号：</label>
  <input type="number" id="index">
  <button onclick="deleteMovie()">删除</button>
</div>

JavaScript部分：

// 初始列表为空数组
var movies = [];

// 添加影片资讯
function addMovie() {
  var title = document.getElementById("title").value;
  var director = document.getElementById("director").value;
  var movie = {title: title, director: director};
  movies.push(movie);
  displayMovies();
}

// 删除影片资讯
function deleteMovie() {
  var index = document.getElementById("index").value;
  movies.splice(index, 1);
  displayMovies();
}

// 显示影片列表
function displayMovies() {
  var list = document.getElementById("movieList");
  list.innerHTML = ""; // 清空原有列表
  for (var i = 0; i < movies.length; i++) {
    var movie = movies[i];
    var listItem = document.createElement("li");
    listItem.innerHTML = movie.title + " - " + movie.director;
    list.appendChild(listItem);
  }
}

在这个示例中，我们首先定义了一个空数组 `movies`，用于存储影片资讯。`addMovie` 函数会从输入框中获取影片名称和导演，创建一个包含这些信息的对象，然后将其添加到 `movies` 数组中。`deleteMovie` 函数会从输入框中获取要删除的影片的序号，然后使用 `splice` 方法从 `movies` 中删除对应的元素。`displayMovies` 函数会遍历 `movies` 数组，为每个元素创建一个列表项，并添加到HTML中。在添加或删除影片后，我们会调用 `displayMovies` 函数来更新列表。

你可以根据需要修改这个示例代码，例如添加更多的输入框来收集更多的影片资讯，或者使用localStorage来将影片资讯保存到浏览器中。