javascript - 单击某些文本后如何显示此图像？

Question

我正在尝试使用此动画，但我需要如果单击某些文本，则应该显示图像。你能帮我吗，因为我是初学者。谢谢。 密码笔

let revealBox = document.querySelector('.reveal-box');

let animate = function() {
    if (revealBox.classList.contains('enter')) {
        revealBox.classList.remove('enter');
        revealBox.classList.add('leave');
    } else {
        revealBox.classList.remove('leave');
        revealBox.classList.add('enter');
    }
}

document.body.addEventListener('click', animate);

标签： javascriptjquerycss

Answer 1

您可以将任何文本包装在<span>标签中。并给它一个 id 或 class。

<span id="click-to-reveal">Some text</span>

您可以在脚本中选择它：

const text = document.getElementById("click-to-reveal");

并将事件监听器添加到其中：

text.addEventListener('click', animate);