主页 / user-646066

Olga Safonova's questions

Martin Hope
Olga Safonova
Asked: 2024-11-02 21:03:22 +0000 UTC
  • 2

我需要 3 个产品的 json 信息（名称、描述） 在 html 本身中有 3 个按钮，当您单击按钮 1 时，会显示产品 1 的名称及其在 html 中的描述，依此类推

我不知道如何实现这个。请帮忙

var myObject = {
  "catalogo": [{
      "id": 0,
      "name": "one",
      "description": "111"
    },
    {
      "id": 1,
      "name": "two",
      "description": "222"
    },
    {
      "id": 2,
      "name": "three",
      "description": "333"
    }
  ]
};

let name = document.getElementById('name')
let description = document.getElementById('description')

const bnt1 = document.getElementById('bnt1')
const bnt2 = document.getElementById('bnt2')
const bnt3 = document.getElementById('bnt3')
<div>
  <h1 id="name"></h1>
  <p id="description"></p>
  <div>
    <button id="bnt1">1</button>
    <button id="bnt2">2</button>
    <button id="bnt3">3</button>
  </div>
</div>

javascript