Uriel, te agradecería enórmemente si me dieras una opinión crítica acerca de esta distribución de código que hice. No entendí muy bien lo del video porque estábamos usando la función ejecutada automáticamente y tengo dudas sobre la calidad de lo que hice. Gracias.
gato_socket.js
function Socket(playing,gano,reinicie) {
let juego = null;
let socket = io();
socket.on('connect',() => {
socket.on('init',data => {
if(juego == null) escuchar();
this.juego = data.figure;
});
});
}
main.js
function jugar(elementoSeleccionado) {
let p = document.createElement('p');
p.style.fontWeight ='bold';
p.style.top = '42%';
p.style.right = '47%';
p.style.display = 'inline';
p.style.position = 'absolute';
p.innerHTML = socket.juego ? 'X' : 'O';
elementoSeleccionado.appendChild(p);
}
function escuchar() {
let elements = document.querySelectorAll('.cat-element');
elements.forEach(element => {
element.addEventListener('click',function() {
if(!this.hasChildNodes()) jugar(this);
});
});
}
var socket = new Socket(1,2,3);
gato_socket.js
function Socket(playing,gano,reinicie) {
let juego = null;
let socket = io();
socket.on('connect',() => {
socket.on('init',data => {
if(juego == null) escuchar();
this.juego = data.figure;
});
});
}
main.js
function jugar(elementoSeleccionado) {
let p = document.createElement('p');
p.style.fontWeight ='bold';
p.style.top = '42%';
p.style.right = '47%';
p.style.display = 'inline';
p.style.position = 'absolute';
p.innerHTML = socket.juego ? 'X' : 'O';
elementoSeleccionado.appendChild(p);
}
function escuchar() {
let elements = document.querySelectorAll('.cat-element');
elements.forEach(element => {
element.addEventListener('click',function() {
if(!this.hasChildNodes()) jugar(this);
});
});
}
var socket = new Socket(1,2,3);