单击javascript按钮时使用gif添加内容

Question

我创建了一个生成Facts（gifs）的JavaScript按钮， 我很乐意为社交媒体facebook提供一个分享选项 低于我的GIF 我有facebook插件，我只是不知道把它放在哪里。 这是代码：

  var currImage = 0;
window.onload = () => {
    const factsArr = [  
    {
    image:
    'https://media.giphy.com/media/qvpc2K9M3OVy/giphy.gif',
    },
	{
	image:'https://media.giphy.com/media/TvsLe5DV4gKCQ/giphy.gif',
	},
	{
	image:'https://media.giphy.com/media/1nkUav308CBws/giphy.gif',
	}
    ];
  document.getElementById('generate-btn').addEventListener('click', () => {
      
     document.getElementById('image').setAttribute('src', factsArr[currImage].image);
      currImage++;
      if (currImage == factsArr.length)
         currImage  = 0;
    })
      
}

<button id="generate-btn">Amazing Fact Button</button>
<img id="image"></img>
</button>

Answer 1

只需在点击回调中执行fb插件代码即可。我的意思是点击分享按钮，调用fb插件上的API进行分享。