d

Author: stopsopa

pages/html/input/index.html

@@ -137,6 +137,11 @@ <h2>form</h2>
         <pre></pre>
       </section>
 
+      <section id="name">
+        <header>e.target.name</header>
+        <pre></pre>
+      </section>
+
       <section id="value">
         <header>e.target.value</header>
         <pre></pre>

pages/html/input/index.js

@@ -58,12 +58,14 @@ const preValue = document.querySelector("#value pre");
 const preType = document.querySelector("#type pre");
 const preData = document.querySelector("#data pre");
 const preKey = document.querySelector("#key pre");
+const preName = document.querySelector("#name pre");
 resetButton.addEventListener("click", () => {
   preTarget.innerHTML = "";
   preValue.innerHTML = "";
   preType.innerHTML = "";
   preKey.innerHTML = "";
   preData.innerHTML = "";
+  if (preName) preName.innerHTML = "";
 });
 if (!preTarget || !preValue || !preType) {
   console.log({
@@ -96,6 +98,8 @@ handleCheckboxDynamic(
 ` + preData.innerText;
         preKey.innerText = `>${e2?.key}<
 ` + preKey.innerText;
+        if (preName) preName.innerText = `>${target?.name}<
+` + preName.innerText;
         preValue.innerText = `>${target?.value}<
 ` + preValue.innerText;
         console.log("handleInput.event:", e2);

pages/html/input/index.ts

@@ -76,13 +76,15 @@ const preValue = document.querySelector("#value pre") as HTMLPreElement;
 const preType = document.querySelector("#type pre") as HTMLPreElement;
 const preData = document.querySelector("#data pre") as HTMLPreElement;
 const preKey = document.querySelector("#key pre") as HTMLPreElement;
+const preName = document.querySelector("#name pre") as HTMLPreElement;
 
 resetButton.addEventListener("click", () => {
   preTarget.innerHTML = "";
   preValue.innerHTML = "";
   preType.innerHTML = "";
   preKey.innerHTML = "";
   preData.innerHTML = "";
+  if (preName) preName.innerHTML = "";
 });
 
 if (!preTarget || !preValue || !preType) {
@@ -121,6 +123,7 @@ handleCheckboxDynamic(
         preData.innerText = `>${e?.data}<` + "\n" + preData.innerText;
         // @ts-ignore
         preKey.innerText = `>${e?.key}<` + "\n" + preKey.innerText;
+        if (preName) preName.innerText = `>${target?.name}<` + "\n" + preName.innerText;
         preValue.innerText = `>${target?.value}<` + "\n" + preValue.innerText;
 
         console.log("handleInput.event:", e);