<script>
    
    async function inicializar() {
        alert("estoy en inicialize");
        document.getElementById('prediccion').addEventListener('click', () => predecir());

    };

    async function predecir() {
        
        alert("estoy en predecir"); //Mensaje para chequear que entre aca
        const modelo = await tf.loadLayersModel('trained-model/model.json');
        const canvas = document.getElementById('output');
        
        alert(canvas);// Mensaje para ver si lee canvas como elemento HTML

      
        let tensorImg = tf.browser.fromPixels(canvas).resizeNearestNeighbor([150, 150]).toFloat().expandDims();
        alert("pasa esto"); //Mensaje para chequear que entre aca
        alert(tensorImg); //Mensaje para ver si lee el tensor de la imagen
        
        prediction = modelo.predict(tensorImg).data(); //Aca me da error!!!!! TypeError: d is not a function
        
        alert("pase hasta aca"); //Mensaje para chequear que entre aca, pero no llega

        var respuesta;
        
        if (prediction <= .5) {
          respuesta = "Gato";
        } else {
          respuesta = "Perro";
        }
        document.getElementById("prediccion").innerHTML = respuesta;

    };
 
    inicializar()
    
    </script>