javascript

Calcular total comprado en Steam con JavaScript

Hace unos momentos estaba revisando mi historial de compras en Steam y me dio curiosidad por saber cuánto he gastado (o comprado) en total. Así que en lugar de hacer la cuenta a mano decidí hacer un pequeño script.

Por cierto, esto es para probar en la página de Steam en un navegador. La página es: https://store.steampowered.com/account/history/

Explicación

Este código que te presento es para ser colocado en la consola. No es un script que consuma una API o algo así, solo es algo creado por diversión.

El script de js básicamente lee el DOM, y debido a que los elementos que tienen el precio contienen la clase wht_total solo basta con recuperarlos usando querySelectorAll. Más tarde, limpiamos el valor, pues tiene saltos de línea, para esto usamos trim.

Después obtenemos la parte numérica, haciendo un split y separando con para obtener el número real. Y finalmente lo convertimos a flotante para sumarlo al total.

Código

Lo que comenté arriba se traduce al siguiente código:

See the gist on github.

Basta con ir a la página que mencioné al inicio, abrir la consola con F12 si estás en el glorioso Chrome y finalmente ver el resultado.

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

No te pierdas ninguno de mis posts

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Imprimir HTML con impresora térmica

En este post te enseñaré a imprimir HTML en una impresora térmica. Vas a ser…

9 horas hace

Monitorear cola de impresión en Windows

En este artículo te voy a enseñar a monitorear la cola de impresión de una…

3 días hace

Solución: Unable to extract uploader id con youtube-dl

En mi blog te he enseñado a usar youtube-dl para descargar vídeos con permiso del…

7 días hace

Enviar foto a Telegram usando cURL y Bot

Siguiendo con los tutoriales que consumen la API de los Bots de Telegram con cURL…

1 semana hace

cURL y Telegram: enviar mensaje a Bot

En un post previo te enseñé a enviar un mensaje en nombre de un Bot…

1 semana hace

Impresora térmica con Telegram usando Bot

En este artículo te voy a mostrar una guía para imprimir en una impresora térmica…

1 semana hace

Esta web usa cookies.