ボタンをGoogleに向けるのに問題がある

Question

javascriptとhtmlを使用してボタンをページにリンクする際に問題があります。最初に新しいページにボタンを追加してから、その関数を呼び出します。ボタンは、作成した新しい空のディスプレイに、どのようにしたいかを表示します。ここには表示されません。私がする必要があるのは、私が作成したボタンをクリックすると、直接Googleを開くことです。ここで

は（動作していない、ちょうど私が持っているもの投稿）私のjavascriptのコードである：ここでは

function addGoogle() { 
      page += "<button>Google Search</button>"; 
      <button onclick="window.location= 'http://www.google.com';" 
     } 

は私のhtmlコードは、念のためです：

 <tr> 
     <td> Google</td> 
     <td> Google Search</td> 
     <td> <button onclick="addGoogle()">Lets Search</button> </td> 
    </tr> 

ありがとう！

Answer 1

私はあなたがしようとしていることを十分に理解していません。 1つのボタンをクリックして別のボタンを追加し、次にその2番目のボタンをクリックしてGoogleに行くように見えます。その場合は、関数のようなものである必要があります：すべてのボタンがない場合

function addGoogle() { 
      page += "<button onclick=\"window.location='http://www.google.com';\">Google Search</button>"; 
     } 

Answer 2

URLにアクセスしてください、それはおそらくリンクする必要があります。あなたがリンクに行くボタンを持っていると思った場合、あなたはそれがボタンであるためには十分な理由を持っているので、すなわち<a href="http://example.com">Example link</a>

あなたのJavaScriptは、このHTMLのようなものを使用し、それにいくつかの無効なJSを持っています

<button id="my-button">My button</button> 

あなたの質問から

と、次のJS

var myButton = document.getElementById('my-button'); 
myButton.addEventListener('click', function(e) { 
    window.location.href = 'http://example.com' 
}); 

それはあなたが達成したいのか本当に明確ではないのですが、これはおそらく近い近似値です。あなたが言うことができる

Answer 3

動作するように起こっている方法ではない...

：

<td> <button id="googleButton" onclick="addGoogle()">Let's Search</button> </td>

は、その後、あなたのJavaScriptで、あなたはボタン

function addGoogle() { 
    window.location.href = 'http://www.google.com' 
} 

に別の可能性を見つけることができますしかし、クラスまたはIDを追加するか、少なくとも属性を使用してJavaSで要素を検索することですcript。要素を見つける方法はいくつかあります（getElementById、querySelector、getElementsByClassName、...）。要素を見つけたら、イベントリスナーを追加して、イベント「クリック」を聞くことができます。そのイベントがトリガーされると、イベントリスナー内のコードがトリガーされます。

私はボタンにIDを与えたので、あなたは今言うことができる：

var button = document.getElementById('googleButton'); 
button.addEventListener('click', function(){ 
    window.location.href = 'http://www.google.com' 
}