-
Notifications
You must be signed in to change notification settings - Fork 62
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feedback #23
base: master
Are you sure you want to change the base?
Feedback #23
Conversation
Se crearon tres historias de usuario que se desarrollaron a través de tres sprints: El usuario podrá desplegar y escoger a través de un <select>, la lista de países y el indicador deseado. Se desplegará la información de los años y porcentaje en una tabla HTML. El usuario podrá seleccionar un país, un indicador y distintos años a través de ventanas modales. Posteriormente se desplegará la información sólo de los años elegidos en una tabla HTML. El usuario podrá seleccionar un país, un indicador y distintos años a través de ventanas modales. Además podrá elegir entre desplegar la información en una tabla o gráfica.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Muy bien la semántica y los nombres de funciones, agregar comentarios más descriptivos en los commit, lamentablemente solo pude ver tu trabajo, el de tu compañera no es visible, muy bien por el producto final.
console.log(indicator) | ||
} | ||
|
||
function loadYears (list) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bien por el nombre de las funciones en ingles
/*function setYearOptions(list) { | ||
list.forEach(i=>{ | ||
let option = document.createElement('option') | ||
option.value = i | ||
option.label = i | ||
yearSelect.appendChild(option) | ||
}) | ||
} | ||
|
||
function yearOnChange(e){ | ||
let value = e.target.value | ||
year = value | ||
console.log(year) | ||
} | ||
*/ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Evitar dejar código comentado, mejor eliminar
}) | ||
|
||
function openModal(modal){ | ||
if(modal==null) return |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
if(!modal)
esto equivale a decir: if(modal===null || modal===undefined)
y es mejor ;)
test.addEventListener('click', onChange) | ||
indiSelect.addEventListener('change', indiOnChange) | ||
overlay.addEventListener('click', ()=>{ | ||
const modals = document.querySelectorAll('.modal.active') |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bien por el uso de qurySelector
overlay.addEventListener('click', ()=>{ | ||
const modals = document.querySelectorAll('.modal.active') | ||
modals.forEach(modal=>{ | ||
closeModal(modal) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bien por el uso de una función para no repetir código
display: none; | ||
} | ||
|
||
label{ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Evitemos editar etiquetas, preferible clases
No description provided.