Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Ken Haduch
@khaduch
@danielgkang - are you using bootstrap, or just writing your own CSS?
Linus Phan
@linusphan
hey
when using font awesome
is there a way to link it to a url?
instead of downloading the file?
nvm I think i got it
danielgkang
@danielgkang
@khaduch using bootstrap!
Ken Haduch
@khaduch
@danielgkang - Version 3 or 4? If it is V 3, on the img add class="center-block" (or if you already have a class="something" make it class="something center-block" - that ought to do it. If you are using Bootstrap V4, then it's different.
Ken Haduch
@khaduch
@danielgkang - in Bootstrap V4, the new class is mx-auto(replacing the center-block of V3.) Update - the Bootstrap V4 incantation to center an image is class="d-block mx-auto" - you also need the d-block.
danielgkang
@danielgkang
@khaduch awesome! thanks a bunch that helped
CamperBot
@camperbot
danielgkang sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3566 | @khaduch |http://www.freecodecamp.org/khaduch
Ken Haduch
@khaduch
@danielgkang :+1:
Alper
@alper4
For the Simon Game project, I used the provided sample sounds, however two of the sounds are the same note https://s3.amazonaws.com/freecodecamp/simonSound1.mp3 and https://s3.amazonaws.com/freecodecamp/simonSound4.mp3, was that intentional or mistake?
Ghost
@ghost~57b1df1e40f3a6eec05f92a8
@alper4 The sound different for me O.o
alpox
@alpox
@alper4 they are pretty much different
Alper
@alper4
The other two are pretty much different https://s3.amazonaws.com/freecodecamp/simonSound3.mp3 and https://s3.amazonaws.com/freecodecamp/simonSound2.mp3, but 1 and 4 are actually the same note maybe an octave apart or bass frequencies stripped from the latter. Anyway, I'm not here to argue, but it is annoying if you actually used them for testing your game.
Alper
@alper4
If you know any other free sounds I can use, feel free to inform.
iso
@iso1048

Hi. Why does $(this) in the code below refer to the window object and not the jQuery object that was clicked?

let wDuration=$('#workTime').text(),
    bDuration=$('#breakTime').text();
window.onload = function(){

  $('.increase, .decrease').on('click', (e)=>changeDuration(e,wDuration,bDuration));

}//window onload

function changeDuration(e,work,breakT){
  console.log(work);
  console.log(e);
  e.target.id.substring(0,4)==='work'?work++ : work--;
  console.log($(this));//window object
  console.log(work);

  $('#workTime').text(work);
  $('#breakTime').text(breakT);

}

Thanks

primuscovenant
@primuscovenant
@heroiczero thx
CamperBot
@camperbot
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2096 | @heroiczero |http://www.freecodecamp.org/heroiczero
Stephen James
@sjames1958gm
@gothamknight because you are not calling changeDuration on an object, so it binds to the window object.
@gothamknight You could do
changeDuration.bind(this)(e, wDuration, bDuration);
Hmm that may not work either, with an arrow function, you might need to make it a non-arrow function so the correct this is bound in the callback
Ashwin
@ashwins93
@gothamknight well your this refers to the enclosing scope when an arrow function is used
the enclosing scope is window.onload's function
so window is this
i guess
Markus Kiili
@Masd925
@ashwins93 It is not even inside onload callback. Just a normal function.
Ashwin
@ashwins93
window.onload = function(){ doesn't this have a scope ? :thought_balloon:
Markus Kiili
@Masd925
@ashwins93 Yes, but when changeDuration is called and executed, its variable values are determined lexically (determined from how the function declaration sits in the code in respect to other functions). Where it is called from doesn't matter.
Ashwin
@ashwins93
yeah arrow functions are lexically scoped
that's why i'm asking isn't the arrow function placed inside the curly braces of the outer function ?
i mean arrow functions have lexically scoped this captured at the time of declaration
aka not dynamically bound
Markus Kiili
@Masd925
@ashwins93 Yes, but nothing here sets this into anything else than window. Normal functions and anonymous functions all have this pointing to window.
And onload callback is anonymous function.
Ashwin
@ashwins93
yeah so the window is this
the onload resides on the window so this inside onload is window isn't it?
Markus Kiili
@Masd925
@ashwins93 If you used this inside onload callback, it would point to window, because the callback is called as a method of window object, yes. But here this is not used inside onload callback function.
Ashwin
@ashwins93
okay its used inside changeDuration
which has its own scope
which resides in global scope
Markus Kiili
@Masd925
@ashwins93 It is easiest to think that this points to the global object if it is not set to anything else. Just check the MDN this page for the special cases where it is set to something else.
Ashwin
@ashwins93
hmm i've seen those in the YDKJS book
have to review them
AbrisM
@AbrisM
https://codepen.io/anon/pen/KyLNjb Hi, does anyone know how to keep the footer at the bottom of the page and also to stop the page from stretching way down? There's few content but the page is over its limits
Marc
@MWBauer
Morning everyone
AbrisM
@AbrisM
@MWBauer hello
Marc
@MWBauer
How's AbrisM