andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed today's pick script for Chrome

Browse Source 
Weird bug that wouldn't recognize .parentElement, now fixed using an id selector.
This commit is contained in:
Angelos Chalaris
2018-04-07 19:17:09 +03:00
parent 1e76ea6c14
commit b581cddd39
2 changed files with 5 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/index.html
View File

@ -233,7 +233,7 @@ window.onload = function(){
runCounter(counters[2],0,values[2],steps[2]);
runCounter(counters[3],0,values[3],steps[3]);
document.querySelector('button.next').addEventListener('click', e => {
let selected = e.target.parentElement.querySelector('.selected');
let selected = document.getElementById('pick-slider').querySelector('.selected');
if(selected == Array.from(document.querySelectorAll('.card.fluid.pick')).slice(-1)[0])
{
document.querySelector('.card.fluid.pick').className = 'card fluid pick selected';
@ -245,7 +245,7 @@ window.onload = function(){
});
document.querySelector('button.previous').addEventListener('click', e => {
let selected = e.target.parentElement.querySelector('.selected');
let selected = document.getElementById('pick-slider').querySelector('.selected');
if(selected == document.querySelector('.card.fluid.pick'))
{
Array.from(document.querySelectorAll('.card.fluid.pick')).slice(-1)[0].className = 'card fluid pick selected';
@ -300,11 +300,6 @@ const elementIsVisibleInViewport = (el, partiallyVisible = false) => {
((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
: top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
};
document.querySelector('button.next').addEventListener('click', e => {
e.target.parentElement.querySelector('.selected').nextElementSibling.className +=' selected';
});
</script>
</body>
</html>