Advertisement
am_dot_com

SW20210421

Apr 21st, 2021 (edited)
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.28 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Operadores Booleanos</title>
  6.     <!--
  7.    e, ou, negação
  8.    e-lógico, ou-lógico, negação-lógica
  9.    e-booleano, ou-booleano, negação-boolena
  10.  
  11.    logical-and, logical-or, logical-negation
  12.  
  13.    Sendo estes operadores booleanos, trabalham sobre
  14.    operandos booleanos = {true, false}
  15.  
  16.    e-lógico : uma expressão lógica só é verdadeira se
  17.    TODOS os operandos foram true
  18.    Basta haver um operando false para que o resultado
  19.    seja false. Ou seja, o false é o elemento absorvente
  20.    do e-lógico. O true é o seu elemento neutro.
  21.  
  22.    ou-lógico : uma expressão lógica só é false se
  23.    TODOS os operadores forem false
  24.    Basta haver um operando true, para que o resultado
  25.    da operação seja true
  26.    O true é o elemento absorvente do ou.
  27.    O false é o elemento neutro do ou.
  28.  
  29.    operando-esquerdo operando-direito resultado da operação
  30.    E-lógico
  31.    t t = true
  32.    t f = false
  33.    f t = false
  34.    f f = false
  35.  
  36.    Ou-lógico
  37.    operando-esquerdo operando-direito resultado da operação
  38.    t t = true
  39.    t f = true
  40.    f t = true
  41.    f f = false
  42.  
  43.    !true = false
  44.    !false = true
  45.  
  46.    interpretação de inteiros para booleanos
  47.    0 significa false
  48.    !=0 significa true
  49.  
  50.    "" significa false
  51.    !="" significa true
  52.    -->
  53.     <script>
  54.         function $(pId){return document.getElementById(pId);}
  55.         window.onload = boot;
  56.  
  57.         const
  58.             ID_SELECT_OPERANDO_ESQUERDO = "idSelectOperandoEsquerdo",
  59.             ID_SELECT_OPERANDO_DIREITO = "idSelectOperandoDireito",
  60.             ID_SELECT_OPERADOR = "idSelectOperador",
  61.             ID_BTN_CALCULAR = "idBtnCalcular";
  62.  
  63.         var oSelectOpe,
  64.             oSelectOpd,
  65.             oSelectOp,
  66.             oBtnCalcular;
  67.  
  68.         function boot(){
  69.             //var password = document.nameForm.namePassword.value;
  70.             oSelectOpe = $(ID_SELECT_OPERANDO_ESQUERDO);
  71.             oSelectOpd = document.getElementById(ID_SELECT_OPERANDO_DIREITO);
  72.             oSelectOp = document.getElementById(ID_SELECT_OPERADOR);
  73.             oBtnCalcular = document.getElementById(ID_BTN_CALCULAR);
  74.  
  75.             oBtnCalcular.onclick = calcular;
  76.         }
  77.  
  78.         function calcular(){
  79.             var strExp = oSelectOpe.value + oSelectOp.value + oSelectOpd.value;
  80.             var resultado = eval(strExp);
  81.             window.alert(resultado);
  82.         }//calcular
  83.     </script>
  84. </head>
  85.     <!--
  86.    regras CGI
  87.    #1) só são comunicados inputs que tenham name
  88.    #2) consoante o enctype, os dados são codificados de alguma maneira
  89.    no default enctype, são codificados assim:
  90.    nome1=v1&nome2=v2&nome=v3
  91.  
  92.       <input
  93.            type="password"
  94.            id="idPassword"
  95.            name="namePassword"
  96.            value="1234"
  97.        >
  98.        <br>
  99.        <input type="file" name="nameFile">
  100.  
  101.        enctype="multipart/form-data"
  102.  
  103.    -->
  104.     <form
  105.        name="nameForm"
  106.        method="get"
  107.        enctype="application/x-www-form-urlencoded"
  108.    >
  109.         <!-- operando booleano esquerdo -->
  110.         <select
  111.            id="idSelectOperandoEsquerdo"
  112.            name="nameOperandoEsquerdo"
  113.        >
  114.             <option value="true">true</option>
  115.             <option value="false">false</option>
  116.         </select>
  117.  
  118.         <!-- operador booleano -->
  119.         <!--
  120.        & ampersand "e-comercial"
  121.        | pipe "barra vertical"
  122.        -->
  123.         <select
  124.            id="idSelectOperador"
  125.            name="nameSelectOperador"
  126.        >
  127.             <option value="&&">e-lógico curto-circuito</option>
  128.             <option value="&">e-lógico completo</option>
  129.             <option selected value="||">ou-lógico curto-circuito</option>
  130.             <option value="|">ou-lógico completo</option>
  131.         </select>
  132.  
  133.         <!-- operando booleano direito -->
  134.         <select
  135.            id="idSelectOperandoDireito"
  136.            name="nameSelectOperandoDireito"
  137.        >
  138.             <option value="true">true</option>
  139.             <option value="false">false</option>
  140.         </select>
  141.  
  142.         <input type="button" id="idBtnCalcular" value="calcular">
  143.         <input type="submit" value="calcular">
  144.     </form>
  145. <body>
  146.  
  147. </body>
  148. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement