按钮onclick属性错误

Question

您好我的HTML代码和javascript存在一些技术问题，所以要开始。 我有<P id="One">，我需要一旦你点击所有课程输入，将你重定向到另一个页面，并使用javascript完全消除他自己。

<p id="One" >

    <input type="button" onclick="allCourses()" value="All Courses" /> 
    <input type="button" onclick="" value="1st Year" />


 </p>

我正在使用的Javascript是

function allCourses(){
  document.getElementById("One").innerHTML="";

  var input = document.createElement('button');
    var value = document.createTextNode("Go to Google");
  input.appendChild(value);
  //input.type = "button";
  //input.onclick="location.href = 'www.yoursite.com';
  //input.value="Go to Google";
  var element = document.getElementById("One");
  element.appendChild(input);

    }
     function Google(){
     location.href = 'www.yoursite.com';

    }

按钮就像魅力一样，但是一旦攻击onclick attr，它就什么都不做了！