Soy nuevo en JavaScript, no estoy seguro de si esta pregunta es muy básica. Creé un panel de actualización de precios de Bitcoin utilizando los datos obtenidos del WebSocket externo. Logré obtener los datos del WebSocket y mostrarlos en la pestaña de la consola y mostrar los datos en una etiqueta h1. El precio se actualiza cada segundo. Ahora necesito mostrar el precio en un campo html. Lo intenté pero es un poco difícil para mí.
He proporcionado los fragmentos de código a continuación, así como un Websocket externo desde donde extraigo los datos.
Hágame saber cómo debo insertar la fila dinámicamente en un campo de entrada HTML. Muchas gracias de antemano
<input type="text" class="form-control" id="btcpricenow" readonly> <script> var priceSocket = new WebSocket("wss://stream.binance.com:9443/ws/btcusdt@trade"), liveprice = document.getElementById("btcpricenow"); priceSocket.onmessage = function (event) { var liveprice = JSON.parse(event.data); liveprice.innerText = parseFloat(liveprice.p).toFixed(2); } </script>utilizar este :
const data= JSON.parse(event.data); let liveprice = document.getElementById("btcpricenow"); liveprice.value = parseFloat(data.p).toFixed(2) || "";Establece liveprice para que sea el elemento HTML y luego lo restablece dentro de su función para que sea el event.data analizado. No restablezca la variable de esa manera, solo configure una nueva variable en su lugar. Además, cuando está poniendo un valor dentro de un elemento de input , use value , no innerHTML
<input type="text" class="form-control" id="btcpricenow" readonly> <script> let priceSocket = new WebSocket("wss://stream.binance.com:9443/ws/btcusdt@trade"), liveprice = document.getElementById("btcpricenow"); priceSocket.onmessage = function(event) { let data = JSON.parse(event.data); liveprice.value = parseFloat(data.p).toFixed(2); } </script>