Um suplemento com cinco caixas de texto numéricas e um botão. Após obter os números inteiros digitados, verificar qual dos cinco números é o maior e qual é o menor, então exibir tais resultados como resposta nas células A1 e B1, respectivamente, na folha de trabalho ativa da planilha Excel aberta.

Exercícios para Revisão - Item 1.EXCEL.yaml

name: Exercícios para Revisão - Item 1
description: >-
  Um suplemento com cinco caixas de texto numéricas e um botão. Após obter os
  números inteiros digitados, verificar qual dos cinco números é o maior e qual
  é o menor, então exibir tais resultados como resposta nas células A1 e B1,
  respectivamente, na folha de trabalho ativa da planilha Excel aberta.
host: EXCEL
api_set: {}
script:
  content: |
    const field1 = document.getElementById("field1") as HTMLInputElement;
    const field2 = document.getElementById("field2") as HTMLInputElement;
    const field3 = document.getElementById("field3") as HTMLInputElement;
    const field4 = document.getElementById("field4") as HTMLInputElement;
    const field5 = document.getElementById("field5") as HTMLInputElement;
    const button = document.getElementById("button") as HTMLButtonElement;

    button.addEventListener("click", () => {
      Excel.run(async (context) => {
        // Recupera valores numéricos dos campos do suplemento.
        const n1 = field1.valueAsNumber;
        const n2 = field2.valueAsNumber;
        const n3 = field3.valueAsNumber;
        const n4 = field4.valueAsNumber;
        const n5 = field5.valueAsNumber;

        // Recupera o maior e o menor número a partir das pontas do Array.
        const bigger = Math.max(n1, n2, n3, n4, n5);
        const smaller = Math.min(n1, n2, n3, n4, n5);

        // Define o range a ser utilizado e exibe os resultados lá.
        const sheet = context.workbook.worksheets.getActiveWorksheet();
        sheet.getRange("A1:B1").values = [[bigger, smaller]];
      });
    });
  language: typescript
template:
  content: "<div>\r\n\t<input id=\"field1\" type=\"number\" placeholder=\"Número 1\" autocomplete=\"off\">\r\n\t<input id=\"field2\" type=\"number\" placeholder=\"Número 2\" autocomplete=\"off\">\r\n\t<input id=\"field3\" type=\"number\" placeholder=\"Número 3\" autocomplete=\"off\">\r\n\t<input id=\"field4\" type=\"number\" placeholder=\"Número 4\" autocomplete=\"off\">\r\n\t<input id=\"field5\" type=\"number\" placeholder=\"Número 5\" autocomplete=\"off\">\r\n\t<button id=\"button\">Verificar</button>\r\n</div>"
  language: html
style:
  content: ''
  language: css
libraries: |-
  https://appsforoffice.microsoft.com/lib/1/hosted/office.js
  @types/office-js

  [email protected]/client/core.min.js
  @types/core-js