Eventの無効化

by yshrkn

HTML

<h1>なんでもAmazon</h1>


<a href="http://www.yahoo.co.jp" target="_blank">Yahoo</a>
<a href="http://www.apple.com/jp" target="_blank">Apple</a>

<form action="javascript: alert('Thank you, Google!');">
  <button type="submit">Submit</button>
</form>

JavaScript

/**
 * [注意]
 * HTMLの編集はNGです！
 *
 * 1. <a>タグクリックで、"http://www.amazon.co.jp" が開くようにしてください。
 * 2. submitボタンクリックで、"Thank you, Amazon!" がalert表示されるようにしてください。
 */

var links = document.querySelectorAll("a");
var buttons = document.querySelectorAll("button");

for (var i = 0, len = links.length; i < len; i++) {
  links[i].addEventListener('click', function(e) {
    e.preventDefault();
    window.open("http://www.amazon.co.jp","_blank");
  });
}

for (var i = 0, len = buttons.length; i < len; i++) {
  buttons[i].addEventListener('click', function(e) {
    e.preventDefault();
    alert("Thank you, Amazon!");
  });
}