未捕获的 ReferenceError：setStatusClosed 未在 HTMLAnchorElement.onclick (index.html:1) 中定义

Question

我不明白这里有什么问题。为什么显示setStatusClosed未定义？

     const fetchIssues = () => {
     const issues = JSON.parse(localStorage.getItem("issues"));
     const issuesList = document.getElementById("issuesList");
     issuesList.innerHTML = "";

        for (var i = 0; i < issues.length; i++) {
          const { id, description, severity, assignedTo, status } = issues[i];
          issuesList.innerHTML += `<div class="well">                              
          <a href="#" onclick="setStatusClosed(${id})" class="btn btn-warning">Close</a>                          
          </div>`;
  }
};

Answer 1

**我正在尝试解决这个问题然后我成功了

你可以试试** enter link description here

const fetchIssues = () => {
  const issues = JSON.parse(localStorage.getItem("issues"));
  const issuesList = document.getElementById("issuesList");
  issuesList.innerHTML = "";
  let rIssue = issues.length;
  let tIssue = issues.length;
  for (var i = 0; i < issues.length; i++) {
    const { id, description, severity, assignedTo, status } = issues[i];
    if (status === "Closed") {
      rIssue = rIssue - 1;
    }

    issuesList.innerHTML += `<div class="well">
                              <h6>Issue ID: ${id} </h6>
                              <p><span class="label label-info ${
                                status === "Closed" ? "bg-danger" : ""
                              }" > ${status} </span></p>
                              <h3> ${
                                status === "Closed" ? "<strike>" : ""
                              } ${description} ${
                              status === "Closed" ? "</strike>" : ""
                              } </h3>
                              <p><span class="glyphicon glyphicon-time"></span>  ${severity}</p>
                              <p><span class="glyphicon glyphicon-user"></span> ${assignedTo}</p>
                              <a href="#" onclick="closeIssue(${id})" class="btn btn-warning">Close</a>
                              <a href="#" onclick="deleteIssue(${id})" class="btn btn-danger">Delete</a>
                              </div>`;
  }
  document.getElementById("remaining-issue").innerText = rIssue;
  document.getElementById("total-issue").innerText = tIssue;
};