#Poner botón con base de datos
midnight jungle
midnight jungle
Poner botón con base de datos
thorn galleon
@grave kayak @unkempt jewel hey chicos aqui por fa
grave kayak
listoooo
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<span id="mispan"</span>
<button id="boton-1" > </button>
</body>
</html>
el html
el html
thorn galleon
Bien explica tu primero @grave kayak lo hacemos en orden
grave kayak
genial
ese es el html de ejemplo
esperen que lo codeo y lo pase
ok te hago solo el js
thorn galleon
@grave kayak alguna vez has trabajdo con chats ?
grave kayak
<@456226577798135808> alguna vez has trabajdo con chats ?
eh?
thorn galleon
Vale!
thorn galleon
eh?
Bueno mira los chat tambien se puede decir que manejan el mismo concepto que te explicabamos hace un rato
lo que dices no esta mal pero esta lejos de ser optimo
grave kayak
ok entonces no voy a intervenir en el chat estamos para ayudar y si determinan que la mejor ayuda es la de ustedes entonces no me meto
: )
thorn galleon
no para nada, ayudala amigo es bueno por que todo ganan, el tema es puedas profundizar en esos temas
te animo a que estudies programacion concurrente para que puedas ver la diferencia entre lo que dices
te ayudara mucho en esta bonita labor
thorn galleon
en un rato paso el codejs
Igual lo esperamos, yo si lo quiero ver
grave kayak
el js const valorSpan = document.getElementById('valorSpan');
const actualizarBtn = document.getElementById('actualizarBtn');
actualizarBtn.addEventListener('click', () => {
fetch('/actualizar-valor', { method: 'POST' })
.then(response => response.json())
.then(data => {
if (data.success) {
obtenerValor();
}
});
});
function obtenerValor() {
fetch('/obtener-valor')
.then(response => response.json())
.then(data => {
valorSpan.textContent = data.valor;
});
}
obtenerValor();
el server nodejs
const express = require('express');
const app = express();
const bodyParser = require('body-parser');
const MongoClient = require('mongodb').MongoClient;
const mongoUrl = 'mongodb://localhost:27017';
const dbName = 'miBaseDeDatos';
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
let db;
MongoClient.connect(mongoUrl, (err, client) => {
if (err) throw err;
db = client.db(dbName);
console.log('Conectado a MongoDB');
});
app.get('/obtener-valor', (req, res) => {
db.collection('miColeccion').findOne({}, (err, result) => {
if (err) throw err;
res.json({ valor: result.valor });
});
});
app.post('/actualizar-valor', (req, res) => {
db.collection('miColeccion').updateOne({}, { $inc: { valor: 1 } }, (err, result) => {
if (err) throw err;
res.json({ success: true });
});
});
app.listen(3000, () => {
console.log('Servidor en ejecución en el puerto 3000');
});
: )
es simple y quizas inseguro pero el concepto se entiende
thorn galleon
Abre dos sesiones diferentes de tu cliente en el navegador (una normal y la otra en incógnito) con ambas sesiones en el mismo lugar, aumente el valor 0 disminuye el valor y luego ve a el incógnito y no podrás ver la información actualizada a menos de que hagas reload de la pagina
Sip, sería la configuración de un evento escuchando en tiempo real en tu cliente y servidor
Está en inglés pero puedes configurar los subtítulos en español
Igual hay otros ejemplos desarrollando chats en español que te pueden servir
Este fue 🙂
grave kayak
Habilita los mensajes directos si queres y te ayudo
half quarry
Si, tendrias que utilizar WebSockets para comunicarse con el servidor c:
Yo veria los videos que pasó el compañero @thorn galleon y si no volver a consultar, ya que me parece queir por el lado de los websockets es la manera, La 2da, que era hacerlo a traves de Firebase, tambien es valida c:
https://firebase.google.com/docs/firestore/query-data/listen?hl=es-419
En la documentacion te dice como escuchar cuando se hacen cambios en la base de datos
grave kayak
no me deja mandarte mensaje