用文字改变图像

Question

我正在制作一款游戏，根据玩家所做的选择，它将显示新的文本供选择。我正在尝试将图像与该文本连接起来，以便它们能够适应每个选择。现在，我的文字可以正常工作，但我的图像无法显示。

我在这里做错了什么？

  <script type ="text/javascript">

    const textElement = document.getElementById('text')

    const optionButtonsElement = document.getElementById('option- 

     buttons')

    

    let state = {}

    function startGame() {

        state = {}

        showTextNode(1)

                         }

      function showTextNode(textNodeIndex) { 

     const textNode = textNodes.find(textNode => textNode.id === 

     textNodeIndex)

      textElement.innerText = textNode.text

      document.getElementById('img').src=textNode.img

      while (optionButtonsElement.firstChild) {

      

   optionButtonsElement.removeChild(optionButtonsElement.firstChild)

        }

        textNode.options.forEach(option => {

            if (showOption(option)) {

            const button = document.createElement('button')

            button.innerText = option.text

            button.classList.add('btn')

            button.addEventListener('click', () => 

            selectOption(option))

            optionButtonsElement.appendChild(button)

                }

            })

         }

        function showOption(option) {

        return option.requiredState == null || 

        option.requiredState(state)

            }

        function selectOption(option) {

        const nextTextNodeId = option.nextText

        if (nextTextNodeId <= 0) {

        return startGame()

            }

        state = Object.assign(state, option.setState)

        showTextNode(nextTextNodeId)

            }

      

        const textNodes = [

        {

        id: 1,

        Image:url('invitation.jpg'),

        text: "You are cordially invited to celebrate Sir Troy 

        Bennet's 70th birthday! RSVP to attend the event this 

        evening at the Cherry Hill mansion.",

        options: [

        {

        text: 'RSVP',

        nextText: 2

        },

        {

        text: "I'm going to stay home",

        nextText: 24

        }

         ]

          },

Answer 1

这将需要更多上下文，例如 JSFIDDLE 或 CODEPEN 上的可重现示例...但是根据我所看到的代码所说；textNode.img当你在寻找时；textNode.Image17号线；document.getElementById('img').src=textNode.img所以你必须像上面提到的那样改变Image:url('invitation.jpg'),为beimg:url('invitation.jpg'),或更新textNode.img为be&nbsp;textNode.Image。