JSFiddle - React, Tailwind, and code Playground

by kspr

HTML

<center>
    <div class="marco">
        <form name="fr">
            <table border=1>
                <tr>
                    <td>Ingrese Nombre</td>
                    <td><input name="tnom"></td>
                </tr>
                <tr>
                    <td>Ingrese horas</td>
                    <td><input name="thora" id="th"></td>
                </tr>
                <tr>
                    <td>Ingrese tarifa</td>
                    <td><input name="tar"></td>
                </tr>
                <tr>
                    <td><input type="button" value="procesar" onclick="procesar()"></td>
                </tr>
                <tr>
                    <td colspan=2><textarea name="salida" rows=5 cols=40></textarea></td>
                </tr>
            </table>
        </form>
    </div>
</center>

JavaScript

function procesar() {
	const horas = document.querySelector('#th');
    
    window.alert(`horas: ${horas.value}`);
}