print de numeros pares.WORD.yaml

name: print de numeros pares
description: ''
host: WORD
api_set: {}
script:
  content: >-
    btnCalc.addEventListener('click', buttonCalc)


    // Força somente números nos inputs

    //
    https://www.geeksforgeeks.org/how-to-force-input-field-to-enter-numbers-only-using-javascript/

    function onlyNumberKey(evt) {

      // Only ASCII character in that range allowed
      let ASCIICode = (evt.which) ? evt.which : evt.keyCode
      if (ASCIICode > 31 && (ASCIICode < 48 || ASCIICode > 57))
        return false;
      return true;
    };


    result.innerText = "Digite os valores acima para realizar a listagem !";


    /*Função que Realiza os Cálculos*/

    function buttonCalc() {
      Word.run(function (context) {
        let docBody = context.document.body;
        let number1 = txtn1.value
        let number2 = txtn2.value

        if (number1 == '' || number2 == '') {
          result.innerText = "Não é permitido campos Vazios! Verifique se os campos estão preenchidos corretamente!";
        } else {
          let results = [];
          number1 = parseInt(number1);
          number2 = parseInt(number2);

          docBody.clear();
          if ((number1 >= 0 && number2 >= 0) && number1 < number2) {
            number1 += 1;
            number2 -= 1;
            while (number1 <= number2) {
              if (number1 % 2 === 0) {
                docBody.insertParagraph(number1.toString(), "End");
              } ;
              number1++;
            };
          } else {
            result.innerText = "O primeiro numero deve ser menor que o segundo número.";
          };
        };
        return context.sync();
      });
    };


    btnCalc.addEventListener('click', buttonCalc);
  language: typescript
template:
  content: >-
    <h2>LISTANDO PARES...</h2>

    <input type="number" name="textn1" id="txtn1" placeholder="Primeiro Valor"
    onkeypress="return onlyNumberKey(event)"
       maxlength="11" >
    <input type="number" name="textn2" id="txtn2" placeholder="Segundo Valor"
    onkeypress="return onlyNumberKey(event)"
       maxlength="11" >
    <input name="calcular" id="btnCalc" type="button" value="Calcular" >

    <div id="result" name="resultado"></div>
  language: html
style:
  content: |-
    section.samples {
        margin-top: 20px;
    }

    section.samples .ms-Button, section.setup .ms-Button {
        display: block;
        margin-bottom: 5px;
        margin-left: 20px;
        min-width: 80px;
    }
  language: css
libraries: |
  https://appsforoffice.microsoft.com/lib/1/hosted/office.js
  @types/office-js

  [email protected]/dist/css/fabric.min.css
  [email protected]/dist/css/fabric.components.min.css

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

  [email protected]
  @types/[email protected]