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:
<!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")
.pipe(input)
.then(function(output) {
console.log(output);
});
}
</script>
</body>
</html