Merge pull request #86 from Sapna2001/webpageLinks

Links for webpage

Author: yashaswibiyahut

JavaScript/Links-From-Webpage/Readme.md

@@ -0,0 +1,19 @@
+# Script to get all links from a webpage
+
+1. Open your browser and go to the required webpage.
+2. Launch Developer Tools in your Chrome browser
+
+Go to your Chrome , and under the Developer Tools. For Windows / Mac , you can press F12 function key. Alternatively the short cut keys for Windows is “Control + Alt + I”, for Mac it is “Option + Command + I”. If you prefer to use the mouse instead, point to the hamburger menu (the 3 dots) on the Chrome top right corner. Click on it and the Developer Tools is in here
+
+![Developer Tools](https://user-images.githubusercontent.com/56690856/96709775-ca11b380-13b8-11eb-93a3-c277a3945cc9.png)
+
+3. Open console as shown below.
+
+![Console](https://user-images.githubusercontent.com/56690856/96709786-cc740d80-13b8-11eb-8a8e-1437625f7067.png)
+
+4. Open the script.
+5. Now copy the whole code and paste it into the console section.
+![Script](https://user-images.githubusercontent.com/56690856/96709790-cd0ca400-13b8-11eb-98c9-10f78bbc1afa.png)
+6. Wait for the script to do its job.
+
+![Result](https://user-images.githubusercontent.com/56690856/96709795-cda53a80-13b8-11eb-9801-94875adc4db8.png)

JavaScript/Links-From-Webpage/script.js

@@ -0,0 +1,23 @@
+// select all the <a> tags
+var selectTag = document.querySelectorAll("a");
+// an array to store the title of the link and the link
+var array = [];
+for (var i = 0; i < selectTag.length; i++) {
+	var text = selectTag[i].textContent;
+	var text = text.replace(/\s+/g, " ").trim();
+	var link = selectTag[i].href;
+	array.push([text, link]);
+}
+// Function to create the table with title and link
+function make_table() {
+	// table to store the data
+	var table = "<table><thead><th>Name</th><th>Links</th></thead><tbody>";
+	for (var i = 0; i < array.length; i++) {
+		table +=
+			"<tr><td>" + array[i][0] + "</td><td>" + array[i][1] + "</td></tr>";
+	}
+	var w = window.open("");
+	// displays the table in a new window
+	w.document.write(table);
+}
+make_table();