Quiero crear una tabla dinamica a lo cual ingreso algunos valores, pero al momento de crear las filas en la tabla el boton no me genera nada.

    <body>
    <div>
        <form>
            <input type="text" name="nombre" id="nombre" placeholder="Ingrese nombre">
            <input type="text" name="edad" id="edad" placeholder="ingrese Edad">
            <select name="sexo" id="sexo">
                <option value="Hombre">Hombre</option>
                <option value="Mujer">Mujer</option>
            </select>
            <button onclick="crearTabla()">Agregar</button>
        </form>
        <br><br>
    </div>
    <div id="divTabla" class="egt">
        <table id="tabla">
            <tr>
                <th>Nombre</th>
                <th>Edad</th>
                <th>Sexo</th>
            </tr>
            <tr>

            </tr>
        </table>
    </div>
</body>

mi codigo javaScript es el siguiente

    var div = document.getElementById("divTabla");
    function crearTabla() {
        var nombre = document.getElementById("nombre").value,
            edad = document.getElementById("edad").value,
            sexo = document.getElementById("sexo".value);
    
        var columna = document.createElement("tr"),
            celdaNombre = document.createElement("td"),
            celdaEdad = document.createElement("td"),
            celdaSexo = document.createElement("td"),
            celda = document.createElement("td");
        
            celdaNombre.innerHTML = nombre;
            celdaEdad.innerHTML = edad;
            celdaSexo.innerHTML = sexo;
            celda.innerHTML = "Temporal";
    
            columna.appendChild(celdaNombre);
            columna.appendChild(celdaEdad);
            columna.appendChild(celdaSexo);
            columna.appendChild(celda);
    
    
        tabla = document.getElementById("tabla").appendChild(columna);
    
    }