18910140161

html如何在段落之间空一行,HTML-如何在"文本冒险"中将图像插入此文本元素?在JavaScript中?-堆栈溢出

顺晟科技

2022-10-18 13:45:37

216

我有这段代码,我已经让它作为文本工作,当你点击一个按钮时,它会发生变化。它基于“选择你自己的故事”中的一些代码。类似的事情。(来源:https://github.com/webdevsimplified/javascript-text-adventure

一切工作,除了图像,我真的不知道如何添加。我已经被它困了好几天了,因为我找不到这个特定元素的任何东西。

怎样才能在这个元素中加载一个图像,使它与我的文本和按钮一起出现和消失?

const textNodes = [{
        id: 1,
        text: "I did it all for you.",
        //here is where I have attempted to use a variable to insert an image, with 20 being the height (I am very inexperienced)//
        imageOne: 20,
        options: [{
            text: '>>',
            nextText: 2,
        }]
    },
    {

我也试过复制我的选项按钮的格式,但它似乎也不起作用:

<代码>图像:[{**网址:";https://images.unsplash.com/photo-1544526226-d4568090ffb8?ixid=mnwxmja3fdb8mhxzzwfyy2h8mnx8agqlmjbpbwfnzxxlbnwwfhwwfhw%3d&ixlib=rb-1.2.1&;w=1000&q=80";}],

下面是我的HTML文件:

<代码><;!文档类型HTML>;<;HTML Lang=";英文";>;<;头部>;<;元字符集=";UTF-8";>;<;元名称=";视口";内容=";宽度=设备宽度,初始比例=1.0";>;<;meta HTTP-equiv=";X-ua-compatible";内容=";IE=边缘";>;<;link href=";op1.0C.CSS";REL=";样式表";>;<;脚本延迟SRC=";op1.0j.JS";>;<;/script>;<;标题>;文本冒险<;/标题>;<;/标题>;<;身体>;<;DIV类=";容器";>;<;DIV ID=";故事";>;<;/DIV>;<;/DIV>;<;DIV ID=";图片";>;<;图像类=";image";>;<;/image>;<;/DIV>;<;DIV ID=";选项按钮";类=";BTN-GRID";>;<;按钮类=";btn";>;选项1<;/按钮>;<;按钮类=";btn";>;选项2<;/按钮>;<;按钮类=";btn";>;选项3<;/按钮>;<;按钮类=";btn";>;选项4<;/按钮>;<;/DIV>;<;/HTML>;

顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航