Rename element variable

Author: daisuke

extension/sidebar-pane.js

@@ -15,10 +15,10 @@ async function _update() {
 }
 
 async function _updateSelectedNode(selectedNode) {
-  const ulEl = document.querySelector("#selected ul");
+  const issueListEl = document.querySelector("#selected ul");
 
   if (!_isValidElement(selectedNode)) {
-    _render([], ulEl);
+    _render([], issueListEl);
     return;
   }
 
@@ -34,15 +34,15 @@ async function _updateSelectedNode(selectedNode) {
       ..._webcompat.getCSSDeclarationBlockIssues(declarations, _targetBrowsers));
   }
 
-  _render(issues, ulEl);
+  _render(issues, issueListEl);
 }
 
 async function _updateSubtree(selectedNode) {
   const subtreeEl = document.getElementById("subtree");
-  const ulEl = subtreeEl.querySelector("ul");
+  const issueListEl = subtreeEl.querySelector("ul");
 
   if (!_isValidElement(selectedNode)) {
-    _render([], ulEl);
+    _render([], issueListEl);
     return;
   }
 
@@ -75,7 +75,7 @@ async function _updateSubtree(selectedNode) {
   }
 
   progressEl.textContent = "Rendering all issues";
-  _render(issues, ulEl);
+  _render(issues, issueListEl);
 
   subtreeEl.classList.remove("processing");
 }
@@ -84,30 +84,30 @@ function _isValidElement({ nodeType, isCustomElement }) {
   return nodeType === Node.ELEMENT_NODE && !isCustomElement;
 }
 
-function _render(issues, ulEl) {
-  ulEl.innerHTML = "";
+function _render(issues, issueListEl) {
+  issueListEl.innerHTML = "";
 
   if (!issues.length) {
-    const liEl = document.createElement("li");
-    liEl.textContent = "No issues";
-    ulEl.appendChild(liEl);
+    const noIssueEl = document.createElement("li");
+    noIssueEl.textContent = "No issues";
+    issueListEl.appendChild(noIssueEl);
   } else {
     for (const issue of issues) {
-      ulEl.appendChild(_renderIssue(issue));
+      issueListEl.appendChild(_renderIssue(issue));
     }
   }
 }
 
 function _renderIssue(issue) {
-  const liEl = document.createElement("li");
+  const issueEl = document.createElement("li");
   const subjectEl = _renderSubject(issue);
   const predicateEl = _renderPredicate(issue);
-  liEl.appendChild(subjectEl);
-  liEl.appendChild(predicateEl);
+  issueEl.appendChild(subjectEl);
+  issueEl.appendChild(predicateEl);
 
-  liEl.classList.add((issue.deprecated ? "warning" : "information"));
+  issueEl.classList.add((issue.deprecated ? "warning" : "information"));
 
-  return liEl;
+  return issueEl;
 }
 
 function _renderSubject(issue) {