JSFiddle - React, Tailwind, and code Playground

by abhiklpm

HTML

<input id="asignatura" type="text">
        <input id="id_usuario" type="text">
        <input id="id_alumno" type="text">        
        <span id="agregar">agregar (Click me)</span><br><br>
        <div >
            <table id="tabla">
                <tbody>
                    
                </tbody>
            </table>            
        </div><br><br>
        <span id="newlink"></span>

JavaScript

var asign=$('#asignatura').val();
        var id_user=$('#id_usuario').val();
        var id_pupil=$('#id_alumno').val();
        var calification;
        $("#agregar").on('click', function(){
            $('#tabla > tbody:last').after("<tr><td><input type='text' id='calification' name='calification' value=''>Input box added</td><td></td><td><a href='' id='link'>I dont have any link now !! type in the input box </a>agregar</td></tr>");
        }); 
        $('#calification').live('keyup', function(){
            calification = $(this).val(); //alert(calification)
            var newHref = "actualizar_notas.php?calificacion="+calification+"&&asignatura="+asign+" && id_usuario="+id_user+" && id_alumno="+id_pupil+"";
            $('#link').attr('href', newHref).text('I have a link now ');
            $('#newlink').text(newHref);
        });