Skip to content

Instantly share code, notes, and snippets.

@ErickPetru
Last active November 27, 2021 19:37
Show Gist options
  • Save ErickPetru/d18ea6eab5fd26b886e26e4d9ff83197 to your computer and use it in GitHub Desktop.
Save ErickPetru/d18ea6eab5fd26b886e26e4d9ff83197 to your computer and use it in GitHub Desktop.
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.
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
core-js@2.4.1/client/core.min.js
@types/core-js
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment