fix formatting and variable name #67

tabs-tabs-tabs/tabs.html

@@ -13,6 +13,7 @@
   <a href="#" id="tabs-reload">Reload active tab</a><br>
   <a href="#" id="tabs-remove">Remove active tab</a><br>
   <a href="#" id="tabs-create">Create a tab</a><br>
+  <a href="#" id="tabs-alertinfo">Alert active tab info</a><br>
   <script src="tabs.js"></script>
 </body>
 

tabs-tabs-tabs/tabs.js

@@ -60,5 +60,15 @@ document.addEventListener("click", function(e) {
     chrome.tabs.create({url: "https://developer.mozilla.org/en-US/Add-ons/WebExtensions"});
   }
 
+  else if (e.target.id === "tabs-alertinfo") {
+    callOnActiveTab((tab) => {
+      let props = "";
+      for (let item in tab) {
+        props += `${ item } = ${ tab[item] } \n`;
+      }
+      alert(props);
+    });
+  }
+
   e.preventDefault();
 });