javascript – pagina de busca que exibe resposta de um JSON

estou em duvida nesse exercicio, ele pede para mim fazer uma pagina de busca e exibir os seguintes resultados:

  • O resultado deve exibir os seguintes dados:
    • Número de ordem (cliente.id) – nome do cliente (cliente.nome)
    • Data do pedido (formato dd/mm/aaaaa)
    • Valor do pedido
    • Se entregue, colocar ‘entregue’, se não, colocar ‘entregar’

meu código até aqui:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="content">
        <h1>Consulte sua encomenda:</h1>

        <div class="imput-numero">
            <label for="numero">Digite seu codigo:</label>
            <div>
                <input type="text" name="numero" id="numero">
                <button onclick="buscanumero()">Buscar</button>
            </div>
        </div>

        <div class="content-fields">

            <div class="id">
                <label for="id"></label>
                <input type="text" readonly name="id" id="id">
            </div>   
            <div class="valor">
                <label for="valor"></label>
                <input type="text" readonly name="valor" id="valor">
            </div>    
            <div class="entregue">
                <label for="entregue"></label>
                <input type="text" readonly name="entregue" id="entregue">

        </div>
    </div>
</body>

<script src="https://pt.stackoverflow.com/main.js"></script>
</html>

javascript

function buscanumero() {
        const numeroDigitado = document.getElementById('numero').value
        const req = new XMLHttpRequest()
        req.open('GET', `https://eduardohornke.github.io/encomendas/src/dados.json`, true)
        req.onload = () => {
          const respostaAPI = JSON.parse(req.response)
          document.getElementById('id').value = respostaAPI.id
          document.getElementById('valor').value = respostaAPI.valor
          document.getElementById('entregue').value = respostaAPI.entregue
        }
        req.send()
      }

json

{
  "encomendas": ({
      "id": 763,
      "numero": "QWE-67Y",
      "valor": 312.21,
      "entregue": false,
      "data": "2014-12-17T01:08:13Z",
      "cliente": {
        "nome": "Corporação Exemplo",
        "id": 1
      }
    },

    {
      "id": 312,
      "numero": "QWE-72Y",
      "valor": 27.00,
      "entregue": false,
      "data": "2014-12-14T11:12:43Z",
      "cliente": {
        "nome": "Investidores ricos",
        "id": 2
      }
    },

    {
      "id": 467,
      "numero": "RTY-42Z",
      "valor": 1731.99,
      "entregue": false,
      "data": "2014-12-12T21:23:23Z",
      "cliente": {
        "nome": "Corporação Exemplo",
        "id": 1
      }
    },

    {
      "id": 985,
      "numero": "UTR-43Y",
      "valor": 141.00,
      "entregue": false,
      "data": "2014-12-10T09:02:52Z",
      "cliente": {
        "nome": "Nitro Digital",
        "id": 3
      }
    },

    {
      "id": 235,
      "numero": "UTR-42Y",
      "valor": 35.00,
      "entregue": false,
      "data": "2014-12-10T08:34:45Z",
      "cliente": {
        "nome": "Corporação Exemplo",
        "id": 1
      }
    },

    {
      "id": 406,
      "numero": "QWE-65Z",
      "valor": 294.00,
      "entregue": false,
      "data": "2014-12-09T12:54:56Z",
      "cliente": {
        "nome": "Corporação Exemplo",
        "id": 1
      }
    },

    {
      "id": 146,
      "numero": "YODA-67Y",
      "valor": 1430.00,
      "entregue": true,
      "data": "2014-11-21T18:45:49Z",
      "cliente": {
        "nome": "Nitro Digital",
        "id": 3
      }
    },

    {
      "id": 401,
      "numero": "YODA-83Y",
      "valor": 120.30,
      "entregue": true,
      "data": "2014-11-09T15:54:18Z",
      "cliente": {
        "nome": "Investidores ricos",
        "id": 2
      }
    },

    {
      "id": 125,
      "numero": "LKS-81Y",
      "valor": 772.00,
      "entregue": true,
      "data": "2014-11-02T19:23:18Z",
      "cliente": {
        "nome": "Corporação Exemplo",
        "id": 1
      }
    },

    {
      "id": 521,
      "numero": "QWE-12Y",
      "valor": 42.00,
      "entregue": true,
      "data": "2014-10-12T14:27:15Z",
      "cliente": {
        "nome": "Nitro Digital",
        "id": 3
      }
    }
  )
}