常連

拍手喝采

自己紹介

HPに　twitterボタンを表示し、
押したら、ポップアップで、デフォルトで、指定した文字列が表示されるよう
data-text と data-url を指定していますが、
javascript でボタンを押したら、内部で計算させ、その数字や数字にしたがって変更された文字列などを　ボタンを押したときのデフォルト値に変化させたいのですが、
dataset などを使っても、変化がなく　方法をご存知でしたら、教えていただけませんか？
```HTML
<a id="test" href="https://twitter.com/share" class="twitter-share-button" data-url="https://yahoo.co.jp" data-text="ヤフーです。！"
 data-size="large"
 data-count="horizontal"
 data-hashtags="ほにゃらら">Tweet</a> 
```
と記述してあり

デフォルト　data-url = "https://yahoo.co.jp"
           data-text = "ヤフーです。！"
この状態で、tweetボタンをクリックすると　本文の中が　
「ヤフーです。！ https://yahoo.co.jp」
と表示されますが

これを HP上に別途用意した　"googleに切り替え"　ボタンをクリックしたら
Javascript で

```javascript
   function google () {
     var test = document.getElementById("test");
     test.dataset.Url	= 'https://gooogle.com';
     test.dataset.Text	= 'グーグルです';
　　}
```
としてHTMLで

```HTML
　　<button onclick="google()">googleに切り替え</button>
```　　
としていても、googleに切り替えボタンをクリックしても 希望としては　
「グーグルです。jttps://google.com」と出てほしいのですが、yahooのまま切り替わっていません。これを動的に切り替える方法はあるでしょうか

javascript で HPに埋め込んだtwitterボタンをクリックしたときに表示されるデフォルト内容を変化させたい

条件分岐などのイベントによるページ遷移で、ページ遷移先にAudioオブジェクトを渡す方法を教えていただけないでしょうか。
下記は動作サンプルです。
[サンプル](https://codesandbox.io/s/nifty-margulis-z6hrn?fontsize=14&hidenavigation=1&theme=dark)
現状はページの遷移ができない状態です。

ページの遷移は[React Router](https://reacttraining.com/react-router/web/guides/quick-start)を使用しています。
遷移元でAudioオブジェクトを再生し、遷移先でAudioオブジェクトを停止できればよいので、使用するライブラリや方法にこだわりはありません。


該当部分のコード
---
遷移元
```jsx
const audio = new Audio();
audio.loop = true;
audio.play();
console.log(audio);
history.push({
  pathname: "/next",
  state: { obj: audio }
});
```
遷移先
```jsx
const Next = prop => {
  const audio = prop.location.state.obj;
  const stopSound = () => {
    console.log(audio);
    audio.pause();
  };

  return (
    <button onClick={stopSound}>停止</button>
  );
};
```

試したこと
---
渡すオブジェクトをstring型にするとページが遷移し、遷移先にオブジェクトを渡すことができました。
```jsx
const audio = "audio";
console.log(audio);
history.push({
  pathname: "/next",
  state: { obj: audio }
});
```
```jsx
console.log(audio);
history.push({
  pathname: "/next",
  state: { obj: "audio" }
});
```
そのほかnumberやbooleanも遷移し渡すことができました。
しかし、```new Audio()```で生成される```<audio preload="auto" loop=""></audio>```は遷移できず、渡せずでした。