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

Question

我创建了一个生成事实(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 进行共享。