Estou com um projeto onde tenho um input HTML, onde envio o link da imagem de um carro, vai para uma IA que busca em uma API. Até aí tudo certo, o resultado volta certinho no console. O problema é que eu queria saber como faço para levar o resultado desse JSON, para o HTML. Segue o código abaixo:

   

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <div id="data"></div>
        <input type="text" name="link" id="link">
        <input type="submit" name="button" onclick="clicouBotao()">
        <script src="https://algorithmia.com/v1/clients/js/algorithmia-0.2.1.js" type="text/javascript"></script>
        <script>
            
            function clicouBotao(){
             var input = document.getElementById('link').value;

            Algorithmia.client("simwTGCAoebHnAZc7rgS6NkkxxV1")
                .algo("LgoBE/CarMakeandModelRecognition/0.4.8?timeout=700") // timeout is optional
                .pipe(input)
                .then(function(output) {
                console.log(output);
                
                });
            }
        
            

                

        </script>
        
    </body>

    </html>

<!-- end snippet -->