Javascript 如何使div显示在图像上_Javascript_Events_Onclick_Show_Hidden

Javascript 如何使div显示在图像上

javascript events

Javascript 如何使div显示在图像上,javascript,events,onclick,show,hidden,Javascript,Events,Onclick,Show,Hidden,所以，为了上学，我必须做这个游戏。为此，我必须在单击图像时显示文本。我在一个按钮上试过了，但看起来不太好，所以我想在一张图片上做一个隐藏的div，点击后就可以看到。由于某种原因，我似乎无法让它工作 HTML代码： <!DOCTYPE html--> JavaScript代码： window.onload = function () { 'use strict'; var button = document.getElementById("button");

所以，为了上学，我必须做这个游戏。为此，我必须在单击图像时显示文本。我在一个按钮上试过了，但看起来不太好，所以我想在一张图片上做一个隐藏的div，点击后就可以看到。由于某种原因，我似乎无法让它工作

HTML代码：

<!DOCTYPE html-->

JavaScript代码：

window.onload = function () {
    'use strict';

    var button = document.getElementById("button");
    var hint = document.getElementById("hint");

var showHint = function (event) {
    console.log(this);
     if data-hint === '1'
     hint.classList.toggle('hidden');
    };

var img = document.querySelectorAll('img');
    console.log(img);

for (var i = 0; i < img.length; i++) {
    img[i].addEventListener("click", showHint);
    };

function show(hint) {
    };

button.addEventListener('click', show);

};

当我点击一张图片时，如何制作tekst秀？有人知道吗？？我不能使用jQuery

如果数据提示=='1做什么？我不确定，我的老师做了。。。但我认为这让暗示隐藏起来了。

window.onload = function () {
    'use strict';

    var button = document.getElementById("button");
    var hint = document.getElementById("hint");

var showHint = function (event) {
    console.log(this);
     if data-hint === '1'
     hint.classList.toggle('hidden');
    };

var img = document.querySelectorAll('img');
    console.log(img);

for (var i = 0; i < img.length; i++) {
    img[i].addEventListener("click", showHint);
    };

function show(hint) {
    };

button.addEventListener('click', show);

};