posted an update

function buscarHomeRun() { const nomeJogador = document.getElementById(&#39;nome-jogador&#39;).value; fetch(<code>buscar_homerun.php?nome=${nomeJogador}</code>) // Adapte o nome do arquivo PHP .then(response =&gt; response.json()) .then(dados =&gt; { if (dados &amp;&amp; dados.length &gt; 0) { exibirHomeRun(dados[0]); } else { document.getElementById(&#39;video-container&#39;).style.display = &#39;none&#39;; document.getElementById(&#39;dados-homerun&#39;).innerHTML= &#39;&#39;; //Limpar div dados-homerun document.getElementById(&#39;resultado&#39;).textContent = &#39;Nenhum home run encontrado para este jogador.&#39;; } }) .catch(error =&gt; { console.error(&#39;Erro na requisição:&#39;, error); document.getElementById(&#39;video-container&#39;).style.display = &#39;none&#39;; document.getElementById(&#39;dados-homerun&#39;).innerHTML= &#39;&#39;; //Limpar div dados-homerun document.getElementById(&#39;resultado&#39;).textContent = &#39;Erro ao buscar home run. Tente novamente.&#39;; }); }</p> <pre class="language-nolang"><code> function exibirHomeRun(dados) { document.getElementById(&#39;video-container&#39;).style.display = &#39;block&#39;; document.getElementById(&#39;video-source&#39;).src = dados.link_video; // Calcular o volume da bola (apenas para demonstração) const raio = 0.074; // Raio aproximado de uma bola de beisebol em metros (ajuste se necessário). const volume = 4/3 * Math.PI * Math.pow(raio, 3); document.getElementById(&#39;resultado&#39;).textContent = `Volume da bola (apenas demonstração): ${volume.toFixed(4)} metros cúbicos`; // Exibir dados do home run abaixo do vídeo const dadosHomerunDiv = document.getElementById(&#39;dados-homerun&#39;); dadosHomerunDiv.innerHTML = ` &lt;p&gt;Nome: ${dados.nome}&lt;/p&gt; &lt;p&gt;Exit Velocity: ${dados.exit_velocity}&lt;/p&gt; &lt;p&gt;Hit Distance: ${dados.hit_distance}&lt;/p&gt; &lt;p&gt;Launch Angle: ${dados.launch_angle}&lt;/p&gt; `; } &lt;/script&gt; </code></pre>

Log in or sign up for Devpost to join the conversation.