Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Palindromo Web

    Cargado por

    EDISON PAUL PACA MOROCHO
    5 vistas5 páginas
    web

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    web

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    5 vistas5 páginas

    Palindromo Web

    Cargado por

    EDISON PAUL PACA MOROCHO
    web

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 5

    Nombre: Edison Paul Paca Morocho

    EXAMEN PROGRAMACION WEB

    19 de Junio de 2020
    PROGRAMACION WEB
    CODIGO FUENTE
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-
    scale=1.0">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquer
    y.min.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/boots
    trap/4.5.0/css/bootstrap.min.css" integrity="sha384-
    9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossor
    igin="anonymous">
    <title>PALINDROMOS</title>
    <script>
    var total=0;;
    var a=0;
    $(document).ready(function(){
    $("#Add").click(function(){
    //validacion texto vacio
    if ((String($("textarea#frase").val())=="")) {
    alert("Escribe algo");
    }else{
    //numero de plabras
    var text = new Array(String($("textarea#frase").val()
    ).length);
    text=Array.from(String($("textarea#frase").val()));
    var j=0;
    for(var i = 0;i < $('textarea#frase').val().length;i+
    +){
    if (text[i]==' ') {
    j++;
    }
    }
    var word=new Array(j+1);
    var cont=0;
    for(var i = 0;i < $('textarea#frase').val().length;i+
    +){
    if (text[i]==' ') {
    cont++;
    i++;
    }
    word[cont]+=String(text[i]);
    }
    for (let x = 0; x <j+1; x++) {
    function texto()
    {
    var palabra=String(word[x]).toLowerCase();
    // eliminamos los espacios en blanco
    palabra=palabra.replace(/undefined/g, "");
    var pal= new Array(palabra.length);
    pal=Array.from(palabra);
    for (var i=0;i<palabra.length;i++){
    if(pal[i]!=pal[palabra.length-i-1]){
    return false;
    }
    }
    total++;
    return true;
    }
    if(texto())
    {
    var plo=String(word[x]).replace(/undefined/g,
    "");
    $("#table").append("<tr><td>"+total+"</td><td
    >"+plo+"</td></tr>");
    $("#total").val(total);
    }
    }

    }
    });
    });

    </script>
    <style type="text/css">
    div.principal{
    background-color: white; padding-bottom: 50px;padding-
    top: 50px;
    }
    </style>
    </head>
    <body>
    <header class="nav justify-content-center" style=" background-
    color: white; color: black; margin: 0px; width: all; padding-
    left: 23px;padding-right: 23px" >
    <li class="nav-item" style="text-align: center;">
    <h1>CONTADOR DE PALINDROMOS</h1>
    </li>
    </header>
    <div class="principal" >
    <div method="post">
    <div class="container" style=" background-
    color:white; margin: auto; border-radius: 20px; margin-top: 40px ">
    <div class="row" style="margin-top: 10px;margin-
    left: 10px; margin-right: 10px; padding-bottom: 10px">
    <div class="col-sm-8" style="margin-top: 10px ">
    <div class="container" style="background-
    color: #928BFF; margin: 10px auto; border-radius: 10px; margin-
    top: 40px; padding: 20px">
    <h3>INGRESE LA FRASE</h3>
    <div class="container" style="border: 1px sol
    id;padding-top: 20px; padding-bottom: 20px">
    <textarea id="frase" name="frase" placeh
    older="Escribe algo"cols="50" rows="6" ></textarea>
    </div>

    </div>
    <a id="Add" class="btn btn-success btn-
    block" style="color: white">Obtener palindromoos</a>

    </div>
    <div class="col-sm-6" style="margin-
    top: 18px; margin-bottom: 20px">
    <div class="container" style="border: 1px solid;p
    adding-top: 20px; padding-bottom: 20px">
    <table class="table"id="table">
    <thead class="thead-dark">
    <tr>
    <th scope="col">Ord.</th>
    <th scope="col">Palabra</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
    </table>
    <div style="text-align: right">
    <label for="numero2">Total</label>
    <input type="text" id="total" name="numer
    o2" readonly="readonly" ><br>
    </div>
    </div>
    </div>
    </div>
    </div>

    </div>
    </div>
    <script src="https://code.jquery.com/jquery-
    3.5.1.slim.min.js" integrity="sha384-
    DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossor
    igin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/p
    opper.min.js" integrity="sha384-
    Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossor
    igin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bo
    otstrap.min.js" integrity="sha384-
    OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossor
    igin="anonymous"></script>
    </body>
    </html>

    CAPTURA DE PANTALLA EN EJECUCION

    También podría gustarte