diff --git a/default_text.htm b/default_text.htm
new file mode 100644
index 0000000..e915e56
--- /dev/null
+++ b/default_text.htm
@@ -0,0 +1,2 @@
+
+
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..8c2d819
--- /dev/null
+++ b/index.html
@@ -0,0 +1,341 @@
+
+
+ Welcome to Microsoft's Homepage
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/js/click.js b/js/click.js
index 904685a..0cb3ef1 100644
--- a/js/click.js
+++ b/js/click.js
@@ -1,13 +1,31 @@
-var links = document.querySelectorAll("a");
-links.forEach(function (link) {
- link.addEventListener("click", function () {
- var audio = document.createElement("audio");
- audio.style.display = "none";
- audio.src = "assets/click.wav";
- audio.autoplay = true;
- audio.onended = function() {
- audio.remove();
- };
- document.body.appendChild(audio);
- });
-});
+function playAudio(e) {
+ if (e.preventDefault) {
+ e.preventDefault();
+ }
+ var audio = document.createElement("audio");
+ audio.style.display = "none";
+ audio.src = "assets/click.wav";
+ audio.autoplay = true;
+ audio.onended = function () {
+ audio.remove();
+ if (e.target) {
+ window.location.href = e.target.href;
+ }
+ };
+ document.body.appendChild(audio);
+}
+
+function on(el, event, cb) {
+ if (el.addEventListener) {
+ el.addEventListener(event, cb, true);
+ } else if (el.attachEvent) {
+ el.attachEvent("on" + event, cb);
+ } else {
+ el["on" + event] = cb;
+ }
+}
+
+for (var i = 0; i < document.links.length; i++) {
+ var link = document.links[i];
+ on(link, "click", playAudio);
+}