基于JavaScript开发网页日记应用

// 声明一个空数组，用来存储日记
let diaryList = [];

// 获取输入框的内容
let content = document.getElementById("content").value;

// 创建一个日记对象
let newDiary = {
  date: new Date(),
  content: content
};

// 将新的日记对象添加到数组中
diaryList.push(newDiary);

function showDiaryList() {
  let listContainer = document.getElementById("diaryList");

  // 清空之前的列表内容
  listContainer.innerHTML = "";

  // 遍历日记数组
  for (let i = 0; i < diaryList.length; i++) {
    let diary = diaryList[i];

    // 创建一个新的列表项
    let listItem = document.createElement("li");
    listItem.innerHTML = `${diary.date.toLocaleString()}: ${diary.content}`;

    // 将列表项添加到容器中
    listContainer.appendChild(listItem);
  }
}

function deleteDiary(index) {
  diaryList.splice(index, 1);
  showDiaryList();
}