These are chat archives for FreeCodeCamp/Help

29th
Mar 2016
Bakemaker
@Bakemaker
Mar 29 2016 00:08
why doesnt this work?
<form action="/submit-cat-photo"></form>
StasiekK
@StasiekK
Mar 29 2016 00:09
@Bakemaker Hi, what chellange name?
Bakemaker
@Bakemaker
Mar 29 2016 00:09
create a form element
it says im not doing this correctly "Nest your text input element within a form element."
StasiekK
@StasiekK
Mar 29 2016 00:09
so put input inside form :P
Brendan Kinahan
@BKinahan
Mar 29 2016 00:09
@Bakemaker well, there's no text input element within your form element.
David Sanchez
@wundertunge
Mar 29 2016 00:10
can someone help me with some CSS?
StasiekK
@StasiekK
Mar 29 2016 00:10
like
<form action="/submit-cat-photo">
inputs....
</form>
@wundertunge yes, what problem do you have
David Sanchez
@wundertunge
Mar 29 2016 00:10
should I show you the codepen or the code?
i'm trying to center 3 images
StasiekK
@StasiekK
Mar 29 2016 00:11
@wundertunge can be code pen
Bakemaker
@Bakemaker
Mar 29 2016 00:11
@StasiekK that didnt work :( hmmm
I'm trying to center the 3 images
StasiekK
@StasiekK
Mar 29 2016 00:12

@Bakemaker do you have a

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>

??

David Sanchez
@wundertunge
Mar 29 2016 00:12
what am I doing wrong?
i id'd the entire div, then each individual picture
(which I'm sure I could've done more elegantly)
then I tried to use this CSS for the div to get them to bunch up around each other and center no matter what page it was loaded on:
#pictures {
  display:inline-block;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  padding-top: 25px;
}
Bakemaker
@Bakemaker
Mar 29 2016 00:13
@StasiekK wow that worked thank you......i wouild of never known ive been doing well so far :(
CamperBot
@camperbot
Mar 29 2016 00:13
bakemaker sends brownie points to @stasiekk :sparkles: :thumbsup: :sparkles:
:star: 326 | @stasiekk | http://www.freecodecamp.com/stasiekk
StasiekK
@StasiekK
Mar 29 2016 00:14
@wundertunge did you try using only grid system from bootstrap without any extra css?
David Sanchez
@wundertunge
Mar 29 2016 00:15
i did, but then the spacing between each picture varied depending on what computer I was using
so I thought this method would keep those variables constant
but maybe there's a solution in bootstrap
StasiekK
@StasiekK
Mar 29 2016 00:15
@wundertunge you could use offset varible for grid
David Sanchez
@wundertunge
Mar 29 2016 00:16
what is that?
StasiekK
@StasiekK
Mar 29 2016 00:16
if image is as large as 2grid, then you can do something like class="col-xs-2 col-xs-offset-3"
David Sanchez
@wundertunge
Mar 29 2016 00:17
@StasiekK thank you :)
CamperBot
@camperbot
Mar 29 2016 00:17
wundertunge sends brownie points to @stasiekk :sparkles: :thumbsup: :sparkles:
:star: 327 | @stasiekk | http://www.freecodecamp.com/stasiekk
StasiekK
@StasiekK
Mar 29 2016 00:18
good page to read to use more bootstrap, and to center you could possibly use a http://getbootstrap.com/css/#helper-classes-center
then i think you should put 3 image inside 1 col-xs
ar2g
@ar2g
Mar 29 2016 00:22
hi! I used codecamp a while ago - is it possible to retrieve the code I submitted to solve the challenges?
Manish Giri
@Manish-Giri
Mar 29 2016 00:22
@ar2g you’d need to login with whatever way you logged in that time, the code will be saved
Matt Vachon
@thegreatmattsby
Mar 29 2016 00:22
Alright... I'm stumped on the truncate challenge. Could someone figure out what I'm missing? Spoiler alert for anyone who hasn't done it yet.

function truncateString(str, num) {
// Clear out that junk in your trunk
var trimString = str.substring (0, num-3);
var shortString = str.substring (0, num);
if (str.length <= num) {
return str;
} else if (str.length > num) {
return trimString + "...";
}
}

truncateString("A-", 1);

sorry, minus that var shortString bit. I forgot to remove that from when I was playing around haha
ar2g
@ar2g
Mar 29 2016 00:23
@Manish-Giri Hi, I did do that, but can't see where my code is? Where should I look?
David Sanchez
@wundertunge
Mar 29 2016 00:23
I understand my mistake. I was setting the margin-left to auto
so of course it's not going to center
StasiekK
@StasiekK
Mar 29 2016 00:24
@wundertunge :)
Túlio Isaak
@Tulio-Isaak
Mar 29 2016 00:24

oi, não estou conseguindo fazer a lição 82. É da parte de boostrap. O exercício pede para:

1) Your buttons should all be nested within the same div element with the class row.

2) Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<div class="container-fluid">
<h2 class="red-text text-center">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>

<img src="http://bit.ly/fcc-running-cats" class="img-responsive">
<div class="row">
<div class="btn btn-primary col-xs-4">Like</div>
<div class="btn btn-info col-xs-4">Info</div>
<div class="btn btn-danger col-xs-4">Delete</div>
</div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

StasiekK
@StasiekK
Mar 29 2016 00:24
@thegreatmattsby can you give some example and it output?
Manish Giri
@Manish-Giri
Mar 29 2016 00:24
Túlio Isaak
@Tulio-Isaak
Mar 29 2016 00:25
*hi, I'm not able to do the lesson 82. It is part of bootstrapping. ON exercise asks:
Matt Vachon
@thegreatmattsby
Mar 29 2016 00:25
truncateString("A-tisket a-tasket A green and yellow basket", 11) should return "A-tisket...".
So that worked fine, where I went wrong is...
truncateString("A-", 1) should return "A...".
I just can't figure out how to tell it to ignore the -3 if num is already < 3
Manish Giri
@Manish-Giri
Mar 29 2016 00:26
@thegreatmattsby try to come up with 2 if/else
  • one for num <= 3
    • one for num > 3
Matt Vachon
@thegreatmattsby
Mar 29 2016 00:27
@Manish-Giri Hmm ok
StasiekK
@StasiekK
Mar 29 2016 00:27
@thegreatmattsby i did it another way but you can check it out
function truncateString(str, num) {
  // Clear out that junk in your trunk
  var string=str.split('');
  var fstring=[];
  var i=0;
 if(num<str.length&&num>3){
  for(i=0; i<num-3;i++)
    fstring[i]=string[i];
  fstring[i+1]="...";
  } 
  else if(num<3){
    for(i=0; i<num;i++)
    fstring[i]=string[i];
    fstring[i+1]="...";
  }
  else {
   for(i=0; i<num;i++)
    fstring[i]=string[i];
  }
  return fstring.join('');
}

truncateString("A-tisket a-tasket A green and yellow basket", 11);
Matt Vachon
@thegreatmattsby
Mar 29 2016 00:27
Got it! Thanks guys!
@StasiekK Thank you!
CamperBot
@camperbot
Mar 29 2016 00:27
thegreatmattsby sends brownie points to @stasiekk :sparkles: :thumbsup: :sparkles:
:star: 328 | @stasiekk | http://www.freecodecamp.com/stasiekk
Matt Vachon
@thegreatmattsby
Mar 29 2016 00:27
@Manish-Giri Thanks! Finally figured it out!
CamperBot
@camperbot
Mar 29 2016 00:27
thegreatmattsby sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 829 | @manish-giri | http://www.freecodecamp.com/manish-giri
ar2g
@ar2g
Mar 29 2016 00:28
@Manish-Giri Oh if only it was that simple :) My progress is there but not my attempts or code
Manish Giri
@Manish-Giri
Mar 29 2016 00:28
@thegreatmattsby sure!
Matt Vachon
@thegreatmattsby
Mar 29 2016 00:28
here's what I finally did

function truncateString(str, num) {
// Clear out that junk in your trunk
var trimString = str.substring (0, num-3);
var shortString = str.substring (0, num);
if (str.length <= num) {
return str;
} if (str.length > num) {
if (num > 3) {
return trimString + "...";
} else {
return shortString + "...";
}
}
}

truncateString("A-", 1);

StasiekK
@StasiekK
Mar 29 2016 00:29
@Tulio-Isaak i see your problem
you should have buttons inside a div
not change buttons for divs
like
<div class="col-xs-4">
  <button class="btn btn-block btn-primary">Like</button>
</div>
ar2g
@ar2g
Mar 29 2016 00:30
@Manish-Giri please pm me to sort this out? Need to crash now...
Manish Giri
@Manish-Giri
Mar 29 2016 00:31
@ar2g um, okay, not sure how much of a help I can be
StasiekK
@StasiekK
Mar 29 2016 00:32
@ar2g @Manish-Giri what do you guys doing?
ar2g
@ar2g
Mar 29 2016 00:32
erm - any idea who to ask? @Manish-Giri
hey @StasiekK I'm trying to retrieve code from back when I used FCC :)
it seems to have been lost somewhere in the bitstream...
Manish Giri
@Manish-Giri
Mar 29 2016 00:34
@ar2g if you’re confident you solved challenges with that login, and the challenges were successfully saved at that time, and those solutions no longer appear with the same login - you can raise an issue here - https://github.com/FreeCodeCamp/FreeCodeCamp/issues/new
StasiekK
@StasiekK
Mar 29 2016 00:34
@ar2g i do have problems with parts of my code i writed 5 days ago too
ar2g
@ar2g
Mar 29 2016 00:34
ok cool - thanks @Manish-Giri
CamperBot
@camperbot
Mar 29 2016 00:34
ar2g sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 830 | @manish-giri | http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Mar 29 2016 00:34
@ar2g :+1:
StasiekK
@StasiekK
Mar 29 2016 00:37
@StasiekK but challenge are simple after you did it once, and to preserve gained knowledge i lurke here to try help people
Abby
@Ahennes
Mar 29 2016 00:37

any know know why my code doesnt work for the size your image challange?? <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image {
width: 100px;
}

}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

StasiekK
@StasiekK
Mar 29 2016 00:38
@Ahennes you need to add class to you'r image
Túlio Isaak
@Tulio-Isaak
Mar 29 2016 00:38
yes @StasiekK I realized, but still thanks!
CamperBot
@camperbot
Mar 29 2016 00:38
tulio-isaak sends brownie points to @stasiekk :sparkles: :thumbsup: :sparkles:
:star: 329 | @stasiekk | http://www.freecodecamp.com/stasiekk
StasiekK
@StasiekK
Mar 29 2016 00:39
@Ahennes you can do it like
<img class="class_name" src="...">
Abby
@Ahennes
Mar 29 2016 00:41
im on the struggle bus @StasiekK
ha!
Kent
@kenthub
Mar 29 2016 00:41
Anyone on that can help with a JavaScript exercise "Counting Cards"
StasiekK
@StasiekK
Mar 29 2016 00:42
@Ahennes no problem, if you have problem try rereading instruction and example, all challange use knowledge from previous challanges
@kenthub i can, what problem do you have?
Abby
@Ahennes
Mar 29 2016 00:42
is there a way to go back to previous challenges??
B. Garber
@TheBGar
Mar 29 2016 00:43
@kenthub I can certainly try...what's got you puzzled?
StasiekK
@StasiekK
Mar 29 2016 00:43
@Ahennes yes use map menu
Kent
@kenthub
Mar 29 2016 00:43
var count = 0;

function cc(card) {
  // Only change code below this line
  switch(card) {
    case 2:
    case 3:
    case 4:
    case 5: 
    case 6:
      count++;
      break;
    case 7:
    case 8:
    case 9:
      count += 0;
      break;
    case 10:
    case "J":
    case "Q":
    case "K":
    case "A":
      count--;
      break;

  }  

  if (card > 0) {
    return count + " Bet";
  } else
    return count + " Hold";

  // Only change code above this line
}

// Add/remove calls to test your function.
// Note: Only the last will display
cc(2); cc(3); cc(7); cc('K'); cc('A');
I am having problems with 7, 8, 9 needing to return "0 Hold"
all of my other problems pass
Abby
@Ahennes
Mar 29 2016 00:43
perfect!! thanks for all your help @StasiekK
CamperBot
@camperbot
Mar 29 2016 00:43
ahennes sends brownie points to @stasiekk :sparkles: :thumbsup: :sparkles:
:star: 330 | @stasiekk | http://www.freecodecamp.com/stasiekk
Kent
@kenthub
Mar 29 2016 00:44
Should I just make it a long if else statement w/ multiple or between them?
Never mind! I fixed it... Doh
B. Garber
@TheBGar
Mar 29 2016 00:45
@kenthub you forgot your brackets for your last conditional statement. Check this...
@kenthub yeah, did you get it?
Kent
@kenthub
Mar 29 2016 00:45
my if statement had card and it should be count
StasiekK
@StasiekK
Mar 29 2016 00:45
@kenthub try removing a count += 0;
B. Garber
@TheBGar
Mar 29 2016 00:45
@kenthub yep, and don't forget your brackets for it either
Kent
@kenthub
Mar 29 2016 00:46
@TheBGar @StasiekK thanks
CamperBot
@camperbot
Mar 29 2016 00:46
kenthub sends brownie points to @thebgar and @stasiekk :sparkles: :thumbsup: :sparkles:
:star: 375 | @thebgar | http://www.freecodecamp.com/thebgar
:star: 331 | @stasiekk | http://www.freecodecamp.com/stasiekk
B. Garber
@TheBGar
Mar 29 2016 00:46
@kenthub :thumbsup:
StasiekK
@StasiekK
Mar 29 2016 00:48
@kenthub if you have a 1 instruction inside if/else you don't need brackets
if(a<b)
  return a;
else
  return b;
B. Garber
@TheBGar
Mar 29 2016 00:50
@StasiekK perhaps not needed, but it's good habit to include them, yeah? Especially if "else if" statements are needed in other applications. Thanks for the reminder!
CamperBot
@camperbot
Mar 29 2016 00:50
thebgar sends brownie points to @stasiekk :sparkles: :thumbsup: :sparkles:
:star: 332 | @stasiekk | http://www.freecodecamp.com/stasiekk
Kent
@kenthub
Mar 29 2016 00:50
@StasiekK I forget about that. I feel more comfortable with the brackets as a fall back in case I screw up :D
nightwish9191
@nightwish9191
Mar 29 2016 00:50
Hi Guys
can you help me figure aut what's wrong with this?

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>

.thick-green-border{
border-width: 10px;
border-color: green;
border-style: solid;
}

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" class="thick-green-border" class="smaller-image">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

B. Garber
@TheBGar
Mar 29 2016 00:50
@nightwish9191 hello! Remember to use markdown format when posting code here :point_down:
nightwish9191
@nightwish9191
Mar 29 2016 00:50
I want to have both classes apply to my img
B. Garber
@TheBGar
Mar 29 2016 00:50
explain format
CamperBot
@camperbot
Mar 29 2016 00:50

:point_right: code formatting [wiki]

Multi line Code

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

Single line Code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

StasiekK
@StasiekK
Mar 29 2016 00:50
@nightwish9191 chalange name?

@nightwish9191 don't do

class="thick-green-border" class="smaller-image"

do

class="thick-green-border smaller-image"
nightwish9191
@nightwish9191
Mar 29 2016 00:52
ooooh
got it
Kent
@kenthub
Mar 29 2016 00:52
@nightwish9191 if you want to have the same class on one img tag, you only need to type class once and then input both classes inside the parenthesis. example
nightwish9191
@nightwish9191
Mar 29 2016 00:52
thank you
Kent
@kenthub
Mar 29 2016 00:52
class="blah-dash-blah otherClass"
StasiekK
@StasiekK
Mar 29 2016 00:52
@nightwish9191 no problem if you have problem try rereading instructon and look at example
nightwish9191
@nightwish9191
Mar 29 2016 00:52
will do, thanks !
cpeventing422
@cpeventing422
Mar 29 2016 00:57
Hello, I am having trouble making the kitten picture 100px... this is what I have typed: <style>
.smaller-image {width: 100px;}
</style>
Could someone assist me further?
StasiekK
@StasiekK
Mar 29 2016 00:58
@cpeventing422 did you put your class inside <img> tag?
cpeventing422
@cpeventing422
Mar 29 2016 00:58
Thank you
StasiekK
@StasiekK
Mar 29 2016 00:58
@cpeventing422 style looks ok
cpeventing422
@cpeventing422
Mar 29 2016 00:58
<style>
.larger-image {
width: 500px;
}
</style>
that is the example
StasiekK
@StasiekK
Mar 29 2016 00:59
for future reference you can copy multiply lines
@cpeventing422 you should have a class inside image
paste you img code
cpeventing422
@cpeventing422
Mar 29 2016 01:00
<style>
.red-text { color: red; }

h2 {font-family: Lobster, Monospace; }

p {font-size: 16px;
font-family: Monospace; }
img .smaller-image {width: 100px;}
</style>
That is what I have
StasiekK
@StasiekK
Mar 29 2016 01:00
strange
do you have a
cpeventing422
@cpeventing422
Mar 29 2016 01:01
is it wrong?
KyrieEeleison
@KyrieEeleison
Mar 29 2016 01:01
<style>
  .red-text { color: red; }

  h2 {font-family: Lobster, Monospace; }

  p {font-size: 16px;
    font-family: Monospace; }
.smaller-image {width: 100px;}
</style>
StasiekK
@StasiekK
Mar 29 2016 01:01
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
KyrieEeleison
@KyrieEeleison
Mar 29 2016 01:01
like that
StasiekK
@StasiekK
Mar 29 2016 01:02
@cpeventing422 full code should look like this
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .smaller-image{
    width:100px;
  }
  .red-text {
    color: red;
  }
  h2 {
    font-family: Lobster, Monospace;
  }
  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style> 

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
cpeventing422
@cpeventing422
Mar 29 2016 01:02
@KyrieEeleison I originally tried it that way, still not coming up correct
StasiekK
@StasiekK
Mar 29 2016 01:03
@cpeventing422 your style code is 100% good
cpeventing422
@cpeventing422
Mar 29 2016 01:03
@StasiekK I'll try it
StasiekK
@StasiekK
Mar 29 2016 01:03
@cpeventing422 now you need to apply that class to img
cpeventing422
@cpeventing422
Mar 29 2016 01:05
It worked! Thank you guys so much!!
@StasiekK @cpeventing422
StasiekK
@StasiekK
Mar 29 2016 01:05
@cpeventing422 in style you creat styles and then you need to use it
you should understand it or else its going to be hard
David C.
@Kalcode
Mar 29 2016 01:09
Anyone here done the twitch program yet?
Christopher Hodges
@crhnine
Mar 29 2016 01:10
This message was deleted
StasiekK
@StasiekK
Mar 29 2016 01:10
i plan to do it at friday so not yet
David C.
@Kalcode
Mar 29 2016 01:10
After I request data from the API twitch stops working itself, like if you go to twitch
when you load it, can you click on a streamer and does it load?
StasiekK
@StasiekK
Mar 29 2016 01:11
@Kalcode it redirect to twitch after clicking on name
ahh its example from ffc
David C.
@Kalcode
Mar 29 2016 01:12
right but does twitch actually load for you?
StasiekK
@StasiekK
Mar 29 2016 01:12
do you access to twitch api inside ajax?
David C.
@Kalcode
Mar 29 2016 01:13
i do use ajax, but its JSONP, and it works
Jacob Hanawalt
@JacobHanawalt
Mar 29 2016 01:13

@TheBGar Hey, sorry I'm like a week late responding; haven't been on the chat in a while. I used this to fix my infinite loop that was freezing the specific challenge: https://github.com/FreeCodeCamp/FreeCodeCamp/wiki/How-to-clear-specific-values-from-your-browser's-local-storage

Hope it's not too late to be of some help in the future! :smile:

StasiekK
@StasiekK
Mar 29 2016 01:13
i think it should load twitch profile
David C.
@Kalcode
Mar 29 2016 01:13
in fact I can query their API just fine, its as soon as I visit their site it stick on loading
StasiekK
@StasiekK
Mar 29 2016 01:15
@Kalcode i would help but, i don't want to look at other people projects before doing my
ok guys my helping patrol is going to end soon 4 AM here so need to go sleep :)
David C.
@Kalcode
Mar 29 2016 01:26
got it!
StasiekK
@StasiekK
Mar 29 2016 01:26
@Kalcode good to hear that, don't tell me answer
David C.
@Kalcode
Mar 29 2016 01:27
its a technical problem not a project issue
browser was blocking it cause the link was from an iframe and cross domain resources issue. Using codepens debug view which is an html page itself instead of being in the iframe fixed it
StasiekK
@StasiekK
Mar 29 2016 01:27
@Kalcode then you can share it here
@Kalcode always check your code in full view and debug view
iframe in editor view is so buggy i try never use it
David C.
@Kalcode
Mar 29 2016 01:29
full view wouldn't work cause its still an iframe
but its this error Uncaught SecurityError: Failed to set the 'domain' property on 'Document': Assignment is forbidden for sandboxed iframes.
either way you have a heads up if you run into it
take care
StasiekK
@StasiekK
Mar 29 2016 01:30
ok, good luck with next challenge
David C.
@Kalcode
Mar 29 2016 01:30
thanks
Can someone explain how to get my javascript to work in this?
Not sure how to call my js in the webpage
Alexander Køpke
@alexanderkopke
Mar 29 2016 01:34
@Jaren831 the js page is already connected to the html page
Jaren Lynch
@JarenL
Mar 29 2016 01:35
I'm trying to call that function when i click new quote but idk how to get it to go
@alexanderkopke Feel like im missing something
Khali
@KhaliLynn
Mar 29 2016 01:36
nest an i element into a button element?
Alexander Køpke
@alexanderkopke
Mar 29 2016 01:36
@Jaren831 ah you need a click event handler
Jaren Lynch
@JarenL
Mar 29 2016 01:37
I have onclick in the new quote button
@alexanderkopke what do you mean
Alexander Køpke
@alexanderkopke
Mar 29 2016 01:44
@Jaren831 ok you are right you have onclick. there is a problem with the getElementsByClassName
@Jaren831 ok the last getElement isn't spelled correctly..
Jaren Lynch
@JarenL
Mar 29 2016 01:46
@alexanderkopke oh yeah i see
Owlman38
@Owlman38
Mar 29 2016 01:46
Im having a bit of trouble doing the whole smaller-image thing, does anyone have any idea what I might be doing wrong
Jaren Lynch
@JarenL
Mar 29 2016 01:46
@alexanderkopke fixed the spelling
Christopher Hodges
@crhnine
Mar 29 2016 01:47
paste code Owlman38
cpeventing422
@cpeventing422
Mar 29 2016 01:47
@Owlman38 <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
Jaren Lynch
@JarenL
Mar 29 2016 01:48
@alexanderkopke other than that I'm not sure why my function is not called when i click "new quote" button
Galen
@galencorey
Mar 29 2016 01:48
Screen Shot 2016-03-28 at 9.47.04 PM.png
Christopher Hodges
@crhnine
Mar 29 2016 01:48
are you calling the class in your css using a . ?
Galen
@galencorey
Mar 29 2016 01:48
Hey all, I could really use a second pair of eyes on my chunky monkey project. Right now I cannot get it to create sub-arrays that are not the right size, so I have my if statement/while loop at the top to take care of that. It seems like it should work to me and I can't tell what's going wrong with it, could use an outside perspective
cpeventing422
@cpeventing422
Mar 29 2016 01:48

<style>
.red-text { color: red; }

h2 {font-family: Lobster, Monospace; }

p {font-size: 16px;
font-family: Monospace; }
.smaller-image {width: 100px;}
</style>
```

@cpeventing422
Cliff Galas
@Sn0wm8n
Mar 29 2016 01:51
@galenderailin lol chunky monkey project
@galenderailin where abouts are you up too
@galenderailin how far along are you?
in freecodecamp
vivienneme
@vivienneme
Mar 29 2016 01:53
Hi all! I'm just beginning and curious how many challenges total there are.
Anyone know?
Alexander Køpke
@alexanderkopke
Mar 29 2016 01:54
@Jaren831 ok the getElementsByClassName returns an array.. so you have to use it as such
Cliff Galas
@Sn0wm8n
Mar 29 2016 01:55
@vivienneme a lot
@vivienneme So many I don’t know the total
vivienneme
@vivienneme
Mar 29 2016 01:56
Roll call. What challenge are you on, people??
Jaren Lynch
@JarenL
Mar 29 2016 01:56
@alexanderkopke am i supposed to have <script type="text/javascript" src="js/javascript.js"> in my main?
@vivienneme quote generator
vivienneme
@vivienneme
Mar 29 2016 01:59
Nice, @Jaren831. What number is that? (Do the challenges continue to have numbers?)
Alexander Køpke
@alexanderkopke
Mar 29 2016 02:00
var quotes = [["Me", "UHHHHH"], ["You","UMMMMM"], ["Us", "ERRRRR"]];
var colors = ["red", "blue", "green"];



function set() {
  var count = Math.floor(Math.random()*quotes.length);
  document.getElementsByClassName("quote").innerHTML = quotes[count][1];
  document.getElementsByClassName("wikipedia").innerHTML = quotes[count][0];
  document.getElementsByClassName("button")[0].style.color = colors[count];
}
@Jaren831 look at this
Jaren Lynch
@JarenL
Mar 29 2016 02:00
@alexanderkopke yeah
Alexander Køpke
@alexanderkopke
Mar 29 2016 02:00
@Jaren831 now the button works.. the twitter bird changes colors
Jaren Lynch
@JarenL
Mar 29 2016 02:01
@alexanderkopke why wouldn't it go to each with button class?
Alexander Køpke
@alexanderkopke
Mar 29 2016 02:03
@Jaren831 I guess it can't because it returns an array
@Jaren831 I guess you have to do the same with the other ones but not sure
Jaren Lynch
@JarenL
Mar 29 2016 02:05
@alexanderkopke yeah I'll do that. I dont think any javascript is running in my code pen do i need to input something?
Alexander Køpke
@alexanderkopke
Mar 29 2016 02:06
@Jaren831 the javascript only runs when you click the button
but you can call the function at the bottom of the js document with: set();
Jaren Lynch
@JarenL
Mar 29 2016 02:08
ihave this and nothing is happening
Christopher Byrd
@chrabyrd
Mar 29 2016 02:09

Hi guys! I'm trying to learn the basics of retrieving info from an API, but my code isn't working and I'm not sure why. Right now I'm not even trying to parse the data as HTML, I just want to know I scraped the server.

http://codepen.io/chrabyrd/pen/zqdOWO?editors=1010

Any help you can give will be greatly appreciated!

Jeff
@meankraken
Mar 29 2016 02:09
@chrabyrd I would recommend googling examples of $.ajax and learning that
EricOber
@EricOber
Mar 29 2016 02:11
hi all
Ejdaha
@ejdaha
Mar 29 2016 02:11
hello
Give the text input in your form the class form-control.
I am trying to solve this problem
Give the text input in your form the class form-control.
Alexander Køpke
@alexanderkopke
Mar 29 2016 02:12
@Jaren831 you have typo... its getElementById<---
Jeff
@meankraken
Mar 29 2016 02:13
@ejdaha <input class="form-control" etc... >
Jaren Lynch
@JarenL
Mar 29 2016 02:13
@alexanderkopke holy shit it's working
Christopher Byrd
@chrabyrd
Mar 29 2016 02:14

@meankraken
getJSON() is shorthand for the ajax function
$.ajax({
url: url,
dataType: 'json',
data: data,
success: callback
});

There shouldn't be a huge difference one way or the other on why it's not working

I just know that it's not working, and that I don't know why ;)
Ejdaha
@ejdaha
Mar 29 2016 02:14
@meankraken thanks
CamperBot
@camperbot
Mar 29 2016 02:14
ejdaha sends brownie points to @meankraken :sparkles: :thumbsup: :sparkles:
:star: 340 | @meankraken | http://www.freecodecamp.com/meankraken
Alexander Køpke
@alexanderkopke
Mar 29 2016 02:14
@chrabyrd I see it is working. It changes the content of the button with json from server
Jeff
@meankraken
Mar 29 2016 02:15
@chrabyrd same lol I just recommend using ajax to everyone, think its more intuitive, esp when you wanna change more parameters
Jaren Lynch
@JarenL
Mar 29 2016 02:15
@alexanderkopke Thanks for your help
CamperBot
@camperbot
Mar 29 2016 02:15
jaren831 sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star: 546 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
Christopher Byrd
@chrabyrd
Mar 29 2016 02:15
@alexanderkopke Oh strange, it's not working for me.
Alexander Køpke
@alexanderkopke
Mar 29 2016 02:15
@chrabyrd if you do a console.log(json) and the open the console you can check if it works
@Jaren831 np
I see it is Chuck Norris jokes ;)
Christopher Byrd
@chrabyrd
Mar 29 2016 02:18
@alexanderkopke It was a damn browser extension! HTTPSEverywhere was blocking the button behavior. Thank you!
CamperBot
@camperbot
Mar 29 2016 02:18
chrabyrd sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star: 547 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Mar 29 2016 02:19
@chrabyrd I changed it to json.value.joke will access the joke
ah ok :)
Rahul Nayak
@pragyes31
Mar 29 2016 02:38
Hello Campers :)
how can I view the code that I worte for the exercises I completed?
Jeff
@meankraken
Mar 29 2016 02:39
@pragyes31 in fcc, click the upper right icon thingymabobbarooni
Rahul Nayak
@pragyes31
Mar 29 2016 02:40
@meankraken got it, thanks
CamperBot
@camperbot
Mar 29 2016 02:40
pragyes31 sends brownie points to @meankraken :sparkles: :thumbsup: :sparkles:
:star: 341 | @meankraken | http://www.freecodecamp.com/meankraken
Daniel Mauricio Sánchez Ávila
@dmsanchez86
Mar 29 2016 02:43
I cant understand this
Give the text input in your form the class form-control.
Jeff
@meankraken
Mar 29 2016 02:43
<input class="form-control" etc...>
Srinivasan
@kksrini89
Mar 29 2016 02:48
I'm wondering why mailTo is not working from js
http://codepen.io/kksrini89/pen/GZWpdJ
can anyone help me?
Reginald Holt
@Reggiereg83
Mar 29 2016 02:52
Hello people got a question. How you put button submit in a for element???
Kent
@kenthub
Mar 29 2016 02:56
@Reggiereg83 paste the link to your codepen
Reginald Holt
@Reggiereg83
Mar 29 2016 02:59
@kenthub i got it thank you, so if need answer i should copy the link and paste it here? I
CamperBot
@camperbot
Mar 29 2016 02:59
reggiereg83 sends brownie points to @kenthub :sparkles: :thumbsup: :sparkles:
:star: 253 | @kenthub | http://www.freecodecamp.com/kenthub
Reginald Holt
@Reggiereg83
Mar 29 2016 02:59
'm new to this.
Kent
@kenthub
Mar 29 2016 02:59
@Reggiereg83 ya its usually easier so we can see what you are working on
Reginald Holt
@Reggiereg83
Mar 29 2016 03:00
ok
Kent
@kenthub
Mar 29 2016 03:00
that or do a code markup using then enter, paste your code, enter and then <--- back ticks (button right below your esc key)
cpeventing422
@cpeventing422
Mar 29 2016 03:00
@Reggiereg83 don't stress, everyone on here is very helpful!
Kent
@kenthub
Mar 29 2016 03:01
ha it coded that. doh, I'm new here too, only a week on but learning!
if you click on the button that has the M and down arrow it will show you how to do markdown ---->
DeMarcus Sparks
@dsparks2193
Mar 29 2016 03:03

help pleas
error:myData should be equal to 8.
You should be using bracket notation to read the value from myArray.

code:
// Setup
var myArray = [[1,2,3], [4,5,6], [7,8,9], [[10,11,12], 13, 14]];

// Only change code below this line.
myData = myArray[0][0];

CamperBot
@camperbot
Mar 29 2016 03:03
no wiki entry for: pleas errormydata should be equal to 8you should be using bracket notation to read the value from myarray code setupvar myarray 123 456 789 101112 13 14 only change code below this linemydata myarray00
Kent
@kenthub
Mar 29 2016 03:05
@dsparks2193 I got stuck on that earlier as well, for the myData = myArray[0][0]; the zeros represent place holders. So [1][2] would access the first array element and then the third element in that array. make sense?
myData = myArray[2][0] would show 4. it is the first element in the second array
DeMarcus Sparks
@dsparks2193
Mar 29 2016 03:13
@kenthub no not at all
StasiekK
@StasiekK
Mar 29 2016 03:17
@kenthub [2][0] would show 7
in most programming language counting start from 0
Kent
@kenthub
Mar 29 2016 03:18
@StasiekK yes you are right, i was typing to fast and not paying attention
@dsparks2193 ok you are trying to get 8 to show. you have 6 array elements. 8 is in array #2. what position is 8 inside of array #2?
did i get that right @StasiekK ? The 13 and 14 are still array elements right?
this is why i'm not a teacher :/
StasiekK
@StasiekK
Mar 29 2016 03:20
@kenthub 13 and 14 are only in array
DeMarcus Sparks
@dsparks2193
Mar 29 2016 03:21
@kenthub im sorry i really dont get it
StasiekK
@StasiekK
Mar 29 2016 03:21
you can call it like [5], [6]
@dsparks2193 you need to display 8, 8 is inside a array3 with number is [2] and position is second with number [1]
counting in most programming language start from 0
Islam Ibakaev
@dagman
Mar 29 2016 03:25
Im trying to make my quote app using angular .js . But it seems someyhing works wrong.
the api response doesnt wont to get into view. http://codepen.io/dagman/pen/qZXWeR?editors=1010
DeMarcus Sparks
@dsparks2193
Mar 29 2016 03:27
@StasiekK thank you!!!!!!!!!!!!
CamperBot
@camperbot
Mar 29 2016 03:27
dsparks2193 sends brownie points to @stasiekk :sparkles: :thumbsup: :sparkles:
:star: 333 | @stasiekk | http://www.freecodecamp.com/stasiekk
Richard
@richao03
Mar 29 2016 03:54
paging CSS wizards in the wild
can someone help me with a text resizing issue?
pretty please
Adam Smith
@ScriptSmith
Mar 29 2016 03:55
Sure
I'll try
Richard
@richao03
Mar 29 2016 03:55
@ScriptSmith ty!
Jeff
@meankraken
Mar 29 2016 03:58
@richao03 so what are you trying to do with the text
biplab wagle
@biplabwagle
Mar 29 2016 03:59
.all{
font-family: 'Paytone One', sans-serif;
font-size:20px;
position:absolute;
}
Candice
@smrtsmrf
Mar 29 2016 04:01
Can someone tell me why this isn’t working?
var result = [];
  var allNums = x.concat(y).concat(z).concat(w);

  result = allNums.filter(function(item) {
    if (result.includes(item) === false) {
      return item;
    }
  });
Coy Sanders
@coymeetsworld
Mar 29 2016 04:03
think your if statement isn't right
what are you trying to do @smrtsmrf
?
Jeff
@meankraken
Mar 29 2016 04:04
I thought you return true/false for the filter callback
Candice
@smrtsmrf
Mar 29 2016 04:05
@coymeetsworld allNums has everything, and I want result to contain just the unique values. I’ve done something really similar in another exercise and it worked fine
Coy Sanders
@coymeetsworld
Mar 29 2016 04:07
yes thats true @meankraken, it expects true/false
if its true, the item will get put back into the array, false it will be dropped
Chris Humphreys
@ChrisCHumphreys
Mar 29 2016 04:14
could someone take a look at my wikipedia viewer. it is still ugly, i just cant figure out why i have to click the button twice to make the results appear. here is the link. thanks.
Alondra
@alamajandra
Mar 29 2016 04:14
challenge 15
whos on that one or has done it
Alister Najib Mada
@alistermada
Mar 29 2016 04:15
@smrtsmrf The value of result isn't modified as the filter method iterates through allNums. That means result is still an empty array until after the filter is finished iterating through allNums.
Tiffany
@warean
Mar 29 2016 04:15
@alamajandra The HTML one?
Alondra
@alamajandra
Mar 29 2016 04:15
@warean ha yesss
Tiffany
@warean
Mar 29 2016 04:15
@alamajandra I'm stuck on it too lol
Alondra
@alamajandra
Mar 29 2016 04:15
@warean yeah Im pretty sure Im doing what it askes but it isnt right i guess
Jeff
@meankraken
Mar 29 2016 04:16
err which one is that? could you give the name
Coy Sanders
@coymeetsworld
Mar 29 2016 04:16
what problems you both having?
Chris Humphreys
@ChrisCHumphreys
Mar 29 2016 04:16
what is the title of challenge 15? i can take a look as well.
Alondra
@alamajandra
Mar 29 2016 04:16
the title is "USe a CSS Class to Style an Element
Tiffany
@warean
Mar 29 2016 04:16
Can someone tell me how to link what I'm looking at? Is it just cut & paste?
Alister Najib Mada
@alistermada
Mar 29 2016 04:16
@smrtsmrf In order to add elements to result , you have to use .push() in your filter's callback function
Coy Sanders
@coymeetsworld
Mar 29 2016 04:18
also @smrtsmrf getting any further?
biplab wagle
@biplabwagle
Mar 29 2016 04:19
@alamajandra @alamajandra

<style>
h2 {
color: red;
}
red-text{
color:red
}
</style>

<h2 class ="red-text">CatPhotoApp</h2>

use that
Coy Sanders
@coymeetsworld
Mar 29 2016 04:19
what you may want to do is specify all 3 parameters in your callback function (value, index, and array)
Candice
@smrtsmrf
Mar 29 2016 04:19
@coymeetsworld no. :( I tried @alistermada ’s thought with .push() but no success
Islam Ibakaev
@dagman
Mar 29 2016 04:19
finally made random quote machine using Angular js. What do you think guys? http://codepen.io/dagman/pen/qZXWeR?editors=1010
Candice
@smrtsmrf
Mar 29 2016 04:19
@coymeetsworld how so?
Coy Sanders
@coymeetsworld
Mar 29 2016 04:20
result = allNums.filter(function(item, index, arr) {

});
Candice
@smrtsmrf
Mar 29 2016 04:21
@coymeetsworld how does that then change what i say in the function though?
Coy Sanders
@coymeetsworld
Mar 29 2016 04:21
well you have access to the array here now,
and index
kind of thinking a bit here but i think this could work
Islam Ibakaev
@dagman
Mar 29 2016 04:22
@smrtsmrf can i help you
Jeff
@meankraken
Mar 29 2016 04:22
@geochris35 don't know exactly what's wrong.. but if you change the .html to a basic string, it'll change it on the first button click. Something weird with your getjson call, I personally use $.ajax so not sure
Coy Sanders
@coymeetsworld
Mar 29 2016 04:22
arr.indexOf(item) == index
biplab wagle
@biplabwagle
Mar 29 2016 04:22
@alamajandra @warean sry this is correct one
Coy Sanders
@coymeetsworld
Mar 29 2016 04:22
that i think should work?
Jeff
@meankraken
Mar 29 2016 04:22
@dagman looks good
biplab wagle
@biplabwagle
Mar 29 2016 04:22
@alamajandra @warean <style>
h2 {
color: red;
}
.red-text {
color: red;
}
</style>
Alister Najib Mada
@alistermada
Mar 29 2016 04:23
@smrtsmrf Did you put result.push(item) within your if statement?
Candice
@smrtsmrf
Mar 29 2016 04:23
@alistermada yeah, I tried and it didn’t work.
Jeff
@meankraken
Mar 29 2016 04:23
@dagman one random note dagman, if you use imgur as the background image source it's gonna be screwy
Coy Sanders
@coymeetsworld
Mar 29 2016 04:23
you don't want to do that
array filter expects a true or false statement
if its true the item goes into the returned array, false its dropped
biplab wagle
@biplabwagle
Mar 29 2016 04:24
looking you guys talking is interesting :smile:
Coy Sanders
@coymeetsworld
Mar 29 2016 04:24
you shouldn't be pushing or popping anything in the callback
biplab wagle
@biplabwagle
Mar 29 2016 04:24
collab
oration
Chris Humphreys
@ChrisCHumphreys
Mar 29 2016 04:24
@meankraken awesome. thanks. ill keep playing with it.
CamperBot
@camperbot
Mar 29 2016 04:24
geochris35 sends brownie points to @meankraken :sparkles: :thumbsup: :sparkles:
biplab wagle
@biplabwagle
Mar 29 2016 04:24
at
its
CamperBot
@camperbot
Mar 29 2016 04:24
:star: 342 | @meankraken | http://www.freecodecamp.com/meankraken
biplab wagle
@biplabwagle
Mar 29 2016 04:24
best
Tiffany
@warean
Mar 29 2016 04:25
@biplabwagle So... when I was previously stuck it was 2/4, with your help I'm at 3/4. Almost. It says I'm not triggering "Your stylesheet should declare a red-text class and have its color set to red."
Alister Najib Mada
@alistermada
Mar 29 2016 04:25
@coymeetsworld I admit it's not the best way to do it but it works in JSbin.
biplab wagle
@biplabwagle
Mar 29 2016 04:25
put .red-text
Coy Sanders
@coymeetsworld
Mar 29 2016 04:26
yeah agreed @alistermada, but if you know that you shouldn't do it then :)
biplab wagle
@biplabwagle
Mar 29 2016 04:26
@warean put .red-text to declare a red-text class
Candice
@smrtsmrf
Mar 29 2016 04:26
This message was deleted
Tiffany
@warean
Mar 29 2016 04:26
@biplabwagle Where exactly, it doesn't like wherever I'm sticking it
biplab wagle
@biplabwagle
Mar 29 2016 04:26
@warean warean class has .red-text
@warean you can also use h2.red-text
Alister Najib Mada
@alistermada
Mar 29 2016 04:26
:smile:
Candice
@smrtsmrf
Mar 29 2016 04:26
This message was deleted
@coymeetsworld @alistermada this is a code i’ve used before that works
var newArr = arr1.filter(function(item) {
    if (arr2.includes(item) === false) {return item;}
this returns an array of unique itesm
biplab wagle
@biplabwagle
Mar 29 2016 04:27
@warean Inside the <style></style> tags
Tiffany
@warean
Mar 29 2016 04:27
@biplabwagle Nope and nope. Can you tell me how to link what I'm looking at so I can show you how it hates me more directly?
Coy Sanders
@coymeetsworld
Mar 29 2016 04:27
you can return item if you want, that should be a true value
but if you did return true i think it would be the same @smrtsmrf
item we know is never going to be undefined
so its always a true value
biplab wagle
@biplabwagle
Mar 29 2016 04:28
@warean hold on let me copy paste whole thing
Coy Sanders
@coymeetsworld
Mar 29 2016 04:28
btw what challenge are you doing @smrtsmrf ?
Candice
@smrtsmrf
Mar 29 2016 04:28
@coymeetsworld return item actually gives me the item though. this is what i want
Alister Najib Mada
@alistermada
Mar 29 2016 04:28
Is this from Sorted Union?
Candice
@smrtsmrf
Mar 29 2016 04:28
@coymeetsworld i’m working on the symmetric difference
Coy Sanders
@coymeetsworld
Mar 29 2016 04:28
yeah so am I lol
although i haven't really gotten that far
biplab wagle
@biplabwagle
Mar 29 2016 04:29

@warean

<style>
h2 {
color: red;
}
.red-text {
color: red;
}
</style>

<h2 class ="red-text">CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

Tiffany
@warean
Mar 29 2016 04:30
@biplabwagle There it goes. Thank you! Now to figure out all the ways I did it wrong previously.
CamperBot
@camperbot
Mar 29 2016 04:30
warean sends brownie points to @biplabwagle :sparkles: :thumbsup: :sparkles:
Coy Sanders
@coymeetsworld
Mar 29 2016 04:30
@smrtsmrf what im saying is if you return true, you will also get the item
CamperBot
@camperbot
Mar 29 2016 04:30
:star: 92 | @biplabwagle | http://www.freecodecamp.com/biplabwagle
Coy Sanders
@coymeetsworld
Mar 29 2016 04:31
try it
Nipodemos
@Nipodemos
Mar 29 2016 04:31
i have a problem
biplab wagle
@biplabwagle
Mar 29 2016 04:31
@warean Np keep coding there are tons of good people here i see
@Nipodemos go ahead
Candice
@smrtsmrf
Mar 29 2016 04:31
@coymeetsworld both return item and return true are not giving me anything
Coy Sanders
@coymeetsworld
Mar 29 2016 04:31
why the === ?
Candice
@smrtsmrf
Mar 29 2016 04:31
@smrtsmrf scratch that, it’s giving me all the values back.
Coy Sanders
@coymeetsworld
Mar 29 2016 04:32
cant you just do
if (!arr2.includes(item) { return item; }
Nipodemos
@Nipodemos
Mar 29 2016 04:32

the challenge is: Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.

i did that way and it wont work, the challenge wont complete!!!

here is what i made: <a href="http://freecatphotoapp.com">cat photos </a>

Candice
@smrtsmrf
Mar 29 2016 04:32
@coymeetsworld that means the same thing. and gives the same result
Coy Sanders
@coymeetsworld
Mar 29 2016 04:33
hmm let me check
biplab wagle
@biplabwagle
Mar 29 2016 04:33
@Nipodemos tell me the problem name exactly
Nipodemos
@Nipodemos
Mar 29 2016 04:33
@biplabwagle Link to External Pages with Anchor Elements
i've started with freecode camp yesterday
strange
Coy Sanders
@coymeetsworld
Mar 29 2016 04:35
var arr1 = [1,2,3];
var arr2 = [5,2,1,4];

var arrFilter = arr1.filter(function(item) {
  if (!arr2.includes(item)) { 
    return item;
  }
});
console.log(arrFilter);
That prints out [3] to me @smrtsmrf
biplab wagle
@biplabwagle
Mar 29 2016 04:35
@Nipodemos That looks good though. which problem you stuck on
Nipodemos
@Nipodemos
Mar 29 2016 04:36
@biplabwagle i reload the page, and it works again!! that's super strange
i've pass the challenge, but thanks for trying to help me!
biplab wagle
@biplabwagle
Mar 29 2016 04:36
@Nipodemos yes it does that haha
@Nipodemos np anytime
Nipodemos
@Nipodemos
Mar 29 2016 04:37
@biplabwagle thank you heh
CamperBot
@camperbot
Mar 29 2016 04:37
nipodemos sends brownie points to @biplabwagle :sparkles: :thumbsup: :sparkles:
:star: 93 | @biplabwagle | http://www.freecodecamp.com/biplabwagle
Candice
@smrtsmrf
Mar 29 2016 04:38

@coymeetsworld Yeah, so that will give you the unique values from arr1. So what I did was concatenate the two arrays into allNums and created an empty array (result), so doing

allNums.filter(function(item) {
if (!result.includes(item)) { 
return item;}
})

should work

Coy Sanders
@coymeetsworld
Mar 29 2016 04:39
yeah but result isn't defined yet
or rather youre in the middle of defining it with the result of this function, maybe thats the issue
using the same variable youre assigning inside your anonymous callback function?
Francisco Franco
@frenktico
Mar 29 2016 04:40
Dropdown Menu issue. I've followed the info seen on YouTube video and couldn't make the options appear after clicking on this button. The link created is this one:
<div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="dropdown">
                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownmenu" data-toggle="dropdown">
                    Dropdown <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelled-by="dropdownmenu">
                    <li><a href="#">First</a></li>
                    <li><a href="#">Second</a></li>
                    <li><a href="#">Third</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
Does anyone know any other resource I could follow? I've attempted to read on the bootstrap but well...maybe I should review what's written on that page. :/
Candice
@smrtsmrf
Mar 29 2016 04:41
@coymeetsworld i don’t know
Alister Najib Mada
@alistermada
Mar 29 2016 04:42
@smrtsmrf If result is an empty array, then !result.includes(item) will always be true.
Coy Sanders
@coymeetsworld
Mar 29 2016 04:42
yeah thats true also
Jason
@jpr00
Mar 29 2016 04:42
@frenktico The example on get bootstrap.com is the best resource for this. Looking at yours, some of the classes don't appear correct for bootstrap nav menu.
Jeremy Benson
@jb840w
Mar 29 2016 04:42
I think I've finished the my wikipedia project, feedback is welcome http://codepen.io/jb840w/full/vGZwNK/
Coy Sanders
@coymeetsworld
Mar 29 2016 04:43
with filter this seems easy, idk why FCC specified the array.reduce function though
been bashing my head trying to get the problem working w/ that but seems difficult
novice84
@novice84
Mar 29 2016 04:44
http://www.tutorialrepublic.com/twitter-bootstrap-examples.php
@frenktico check this link if it helps you?
Francisco Franco
@frenktico
Mar 29 2016 04:45

@jpr00 I just saw another example and copied fully without editing anything.

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
  <span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li><a href="#">HTML</a></li>
    <li><a href="#">CSS</a></li>
    <li><a href="#">JavaScript</a></li>
  </ul>
</div>

Got this example on this link: http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp

I'll check the one you sent @novice84
Jason
@jpr00
Mar 29 2016 04:45

@frenktico Here is one of mine: ```

<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#page-top-navbar">
<span class="glyphicon glyphicon-menu-hamburger"></span>
</button>
<a class="navbar-brand" href="#">RadeIT</a>
</div>
<div class="collapse navbar-collapse" id="page-top-navbar">
<ul class="nav navbar-nav">
<li><a href="#about" id="link-about">About</a></li>
<li><a href="#projects" id="link-projects">Projects</a></li>
<li><a href="#contact" id="link-contact">Contact Me</a></li>
</ul>
<div class="cardControl">
<button type="button" class="btn btn-default navbar-btn" id="stack">Unstack</button>
</div>
</div>
</div><!--container-fluid-->
</nav>
```

Francisco Franco
@frenktico
Mar 29 2016 04:47
@jpr00 maybe the issue is on my machine. None of them seem to work
:/
Candice
@smrtsmrf
Mar 29 2016 04:47
@alistermada suggestions on how to make it work then?
Francisco Franco
@frenktico
Mar 29 2016 04:47
Copied yours, pasted and isn't working at all
Coy Sanders
@coymeetsworld
Mar 29 2016 04:48
@smrtsmrf just don't use results inside your function, use arr2
like i showed above
Francisco Franco
@frenktico
Mar 29 2016 04:48
blob
check this print the buttons are there, however when I click on them nothing happens :/
How am I supposed to solve this?
Jason
@jpr00
Mar 29 2016 04:49
@frenktico odd.....it works for me in both chrome and safari. Do you have the bootstrap links correct?
Francisco Franco
@frenktico
Mar 29 2016 04:49
yes I do
Jason
@jpr00
Mar 29 2016 04:49
the jquery too? nav bar requires it
Francisco Franco
@frenktico
Mar 29 2016 04:49
everything was fine until now. I'm following tutorials on youtube to fix the things I learned
Candice
@smrtsmrf
Mar 29 2016 04:49
@coymeetsworld but that only solves part of the challenge. we need numbers that are in either, so we need to check both ways
Francisco Franco
@frenktico
Mar 29 2016 04:49
yes jQuery as well
Coy Sanders
@coymeetsworld
Mar 29 2016 04:50
yeah you filter both arrays
Francisco Franco
@frenktico
Mar 29 2016 04:50
I downloaded, maybe if I try the CDN option
Coy Sanders
@coymeetsworld
Mar 29 2016 04:50
then concatenate the results
Francisco Franco
@frenktico
Mar 29 2016 04:50
let me check
Jason
@jpr00
Mar 29 2016 04:50
@frenktico I've been using CDN
Coy Sanders
@coymeetsworld
Mar 29 2016 04:50
i can turn my solution in now and i think it will work, but problem thats gnawing at me is that the challenge said to look at Array.reduce, but idk why
Francisco Franco
@frenktico
Mar 29 2016 04:51
@jpr00 thanks
CamperBot
@camperbot
Mar 29 2016 04:51
frenktico sends brownie points to @jpr00 :sparkles: :thumbsup: :sparkles:
:star: 303 | @jpr00 | http://www.freecodecamp.com/jpr00
Francisco Franco
@frenktico
Mar 29 2016 04:51
the issue was on it
Candice
@smrtsmrf
Mar 29 2016 04:53
@coymeetsworld I don’t always use the methods they suggest. But the problem is that there are some tests that have 3 or 4 input arrays, not just 2
there’s got to be a way to do it without brute force
Coy Sanders
@coymeetsworld
Mar 29 2016 04:53
get the arguments count
build a for loop with it
Jason
@jpr00
Mar 29 2016 04:53
@frenktico glad you got it working
Coy Sanders
@coymeetsworld
Mar 29 2016 04:54
hmm yeah there has to be a better way than that
Kiltreiser
@Kiltreiser
Mar 29 2016 04:54
Stuck on Where Do I Belong - copied my code here and commented it all to show my thought process. I tried to run this through with pencil and paper for the test values shown ([5, 3, 20, 5], 5) but can't for the life of me figure out why it returns 0 as the index. Any hints? Am I missing something obvious?
function getIndexToIns(arr, num) {
  // sort the target array
  arr.sort();
  // loop through array
  for (i = 0; i < arr.length; i++) {
    // check if target number is less than or equal to number in array
    if (num <= arr[i]) {
      // if so, return that number as the index
      return i;
    }
    // otherwise, if target number is greater than all numbers in the array
    else if (num > arr[arr.length]) {
      // return the length of the array as the index
      return arr.length;
    }
  }
}

getIndexToIns([5, 3, 20, 3], 5);
Coy Sanders
@coymeetsworld
Mar 29 2016 04:54
and I don't always use the methods they suggest either, but thats only if i know one that is better for sure @smrtsmrf
Francisco Franco
@frenktico
Mar 29 2016 04:54
:D
Coy Sanders
@coymeetsworld
Mar 29 2016 04:56
Alister Najib Mada
@alistermada
Mar 29 2016 05:00
@Kiltreiser The reason it returns 0 is because 20 is placed before 3 since 2 in Unicode comes before 3. To sort numbers, you'll need a compare function like:
var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return a - b;
});
That will sort from smallest to largest
Emanuel Rodriguez
@mannymoose
Mar 29 2016 05:03
how do i nest text input to form an action attritbute
Kiltreiser
@Kiltreiser
Mar 29 2016 05:04
@alistermada Aah, I had wondered if that would affect the outcome. Thanks for clarifying, will have another shot
CamperBot
@camperbot
Mar 29 2016 05:04
kiltreiser sends brownie points to @alistermada :sparkles: :thumbsup: :sparkles:
:star: 396 | @alistermada | http://www.freecodecamp.com/alistermada
Emanuel Rodriguez
@mannymoose
Mar 29 2016 05:08
whats it mean to nest ?
Coy Sanders
@coymeetsworld
Mar 29 2016 05:09
put tags inside tags essentially @mannymoose
Emanuel Rodriguez
@mannymoose
Mar 29 2016 05:11
any examples ?
im tryin to nest an input text into a form action but dont know how
Coy Sanders
@coymeetsworld
Mar 29 2016 05:11
<body>
  <div class="container">
     <div class="row">
       <p>Some text</p>
      </div>
  </div>
 </body>
so the p tags are nested between the div tags with class row
Emanuel Rodriguez
@mannymoose
Mar 29 2016 05:12
oh i see thats what i was thinkin thanks
Coy Sanders
@coymeetsworld
Mar 29 2016 05:12
ya
Emanuel Rodriguez
@mannymoose
Mar 29 2016 05:12
see if it works out this time
Coy Sanders
@coymeetsworld
Mar 29 2016 05:12
np
Emanuel Rodriguez
@mannymoose
Mar 29 2016 05:13
how do i get to space like that do i just hit enter ?
Coy Sanders
@coymeetsworld
Mar 29 2016 05:13
space like what?
Emanuel Rodriguez
@mannymoose
Mar 29 2016 05:14
to start goin down diagnally
Coy Sanders
@coymeetsworld
Mar 29 2016 05:14
yeah you just enter it yourself
some editors will do that for you, like codepen for example will when you get to working on projects
Emanuel Rodriguez
@mannymoose
Mar 29 2016 05:16
how do i screen cap so i can show ?
figured out
Coy Sanders
@coymeetsworld
Mar 29 2016 05:17
copy/paste may be better too
Marc Berry
@MarcBGitHub
Mar 29 2016 05:28
Question:
Create a class called gray-background with the background-color of gray. Assign this class to your div element.
...not seeing how to assign class to div element.
Coy Sanders
@coymeetsworld
Mar 29 2016 05:29
@MarcBGitHub <div class="gray-background">
thats how you assign a class to a div (or any element really)
<p class="someOtherClass"> <span class="otherClass">, etc
Marc Berry
@MarcBGitHub
Mar 29 2016 05:31
attempting now...one sec.
works...thanks!!
Coy Sanders
@coymeetsworld
Mar 29 2016 05:32
good, np
good thing too im leaving in 2 mins to get a beer lol
Emanuel Rodriguez
@mannymoose
Mar 29 2016 05:33
lol im on that same problem now an you just gave me the answer :P
Coy Sanders
@coymeetsworld
Mar 29 2016 05:34
lol nice
Kiltreiser
@Kiltreiser
Mar 29 2016 05:37
Okay, fixed the sort function but still can't get it. The test values in this example, the only test I am failing, are ([2, 5, 10], 15} so they should return 3. Instead they return no value at all. Why? I'm running out of hair to tear out...
function getIndexToIns(arr, num) {
  var listToSort = arr;
  listToSort.sort(function(a, b){return a - b;});
    for (i = 0; i < listToSort.length; i++) {
      if (num <= listToSort[i]) {
        return i;
      }
      else if (num > listToSort[listToSort.length]) {
        console.log(i + 1);
        return (i + 1);
      }
    }
  }
getIndexToIns([2, 5, 10], 15);
Seems my code never reaches the else if statement for some reason
gautamgahlawat
@gautamgahlawat
Mar 29 2016 05:44
Need Help!! stuck at Create a Bootstrap Headline under Responsive Design with Bootstrap
Not able to apply the color using text-primary class
-Thanks
Kiltreiser
@Kiltreiser
Mar 29 2016 05:44
Aaaah, I was being hyperdumb
Should be...
else if (num > listToSort[listToSort.length - ])
I mean
else if (num > listToSort[listToSort.length - 1])
Jackson Bates
@JacksonBates
Mar 29 2016 05:45
@gautamgahlawat what have you tried so far?
gautamgahlawat
@gautamgahlawat
Mar 29 2016 05:46
@JacksonBates just the h3 tag
Jackson Bates
@JacksonBates
Mar 29 2016 05:48
@gautamgahlawat like this? <h3>Some text</h3> Or like this: <h3 class='text-primary'>Some text</h3>?
I mean which of those did you try, because the latter should work.
Jatin Haribhakti
@karyakshamSoftware
Mar 29 2016 05:55
Can anybody tell me what's wrong with this code snippet?>

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.smaller-image {
width: 100px;
}

.thick-green-border{
border-color:green;
border-width:10px;
border-style:solid:
}

</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

What's wrong with the code snippet??
why the thick-green-border class is not working?>
Niko Salonen
@nikosalonen
Mar 29 2016 05:57
border-style:solid:
Christopher Hodges
@crhnine
Mar 29 2016 05:57
^
semi-colon
Jackson Bates
@JacksonBates
Mar 29 2016 05:57
Check your last semicolon/colon
if in doubt, it's always a semicolon ;)
gautamgahlawat
@gautamgahlawat
Mar 29 2016 06:04
<h3 clas="text-primary text-center">jQuery Playground</h3> like this @JacksonBates
sorry got silly me!!!
got it
thanks.. @JacksonBates
CamperBot
@camperbot
Mar 29 2016 06:05
gautamgahlawat sends brownie points to @jacksonbates :sparkles: :thumbsup: :sparkles:
:star: 131 | @jacksonbates | http://www.freecodecamp.com/jacksonbates
gautamgahlawat
@gautamgahlawat
Mar 29 2016 06:07
@camperbot how to send brownie point?
opened his profile
Jackson Bates
@JacksonBates
Mar 29 2016 06:07
Thanks @gautamgahlawat - you send brownies automatically by saying thanks :)
CamperBot
@camperbot
Mar 29 2016 06:07
jacksonbates sends brownie points to @gautamgahlawat :sparkles: :thumbsup: :sparkles:
:star: 95 | @gautamgahlawat | http://www.freecodecamp.com/gautamgahlawat
Jackson Bates
@JacksonBates
Mar 29 2016 06:08
Like that ;)
gautamgahlawat
@gautamgahlawat
Mar 29 2016 06:08
ahh..ok :)
Thanks @JacksonBates :D
CamperBot
@camperbot
Mar 29 2016 06:10
gautamgahlawat sends brownie points to @jacksonbates :sparkles: :thumbsup: :sparkles:
:warning: gautamgahlawat already gave jacksonbates points
Siddharth
@siddharthisaiah
Mar 29 2016 06:10

can someon please help me here. Im trying to do the last challenge in the Intermediate Algorithm Scripting section - Arguments Optional.
this is the code I wrote

function add() {

  //if only 1 argument provided
  if(arguments.length === 1){
    var a = arguments[0];
    //return undefined if argument is not a number
    if(!Number.isInteger(a)){
      return undefined;
    //return a function if it is a number
    }else{
      return function(arg) {
        return a + arg;
      };
    }
  }

  var b = arguments[0];
  var c = arguments[1];
  //return undefined if either arg is not a number
  if(!Number.isInteger(b) || !Number.isInteger(c)){
    return undefined;
  }
  //return the sum of two numbers
  else{
    return b + c;
  }
}

add(2)([3]);

the thing is - it works for all the test cases except add(2)([3]); where it should be returning undefined but instead concatenates the two and returns 23.
why is this happening and how do I make it return ‘undefined'?

Tessa Bradford
@trose1189
Mar 29 2016 06:13

Hello all. I'm working on the Check for Palindromes, and I'm stuck. Here's my code:

function palindrome(str) {
  var newStr = str.toLowerCase().replace(/\W/g,"");
  var reverse = newStr.split("").reverse().join("");
  if(reverse === newStr){
    return true;
  } else {
    return false;
  }
}

palindrome("0_0 (: /-\ :) 0-0")

All the test cases work except for that last one ("0_0 (: /-\ :) 0-0"). I had the function return my reverse variable with it, and got an error saying it was an illegal return.

Any help would be appreciated! Thanks!

Pho Huynh
@shortgiraffe4
Mar 29 2016 06:16
@siddharthisaiah this code will fix your problem
return function(arg) {
if(!Number.isInteger(arg)){
return undefined;}
else {return a + arg;}
};
I don't know this challenge but if the number of args is more than 2, or unknown, you can think of recursive
gautamgahlawat
@gautamgahlawat
Mar 29 2016 06:18
Some times I get stuck into problems with the code editor of FCC. Is it only me or happening with somebody else also..?
Specifically not able to reach certain point of editor using pointer.!!!
Jackson Bates
@JacksonBates
Mar 29 2016 06:19
@trose1189 not at computer to test, and JS is rusty, but is it treating the slash like an escape character, maybe?
gautamgahlawat
@gautamgahlawat
Mar 29 2016 06:19
then suddenly it starts to work....don't know what the problem is!!
Jackson Bates
@JacksonBates
Mar 29 2016 06:20
Maybe '\' in the string will work? Even though it won't look palindromic to human eyes...
Caleb
@superbarnie
Mar 29 2016 06:20
@siddharthisaiah I think the problem here is that it concatenates the numbers when you try to add a number with an array. I think you can solve the problem by using an if statement to check if it is an array, and return undefined if it is.
Jackson Bates
@JacksonBates
Mar 29 2016 06:21
Gitter escaped my slash...there were supposed to be two there :)
Pho Huynh
@shortgiraffe4
Mar 29 2016 06:21
@siddharthisaiah does it help?
Tessa Bradford
@trose1189
Mar 29 2016 06:21
@JacksonBates Ok, I tried removing all the slashes from the string, but still got the error that it was an Illegal return statement, so that's not what's setting it off...
Jackson Bates
@JacksonBates
Mar 29 2016 06:22
@trose1189 underscore on one half and a minus on the other
0_0 vs 0-0
Niko Salonen
@nikosalonen
Mar 29 2016 06:23
@trose1189 alert the reverse to see if all non-letters are removed
Tessa Bradford
@trose1189
Mar 29 2016 06:23
Yeaahh... It's that underscore. I kept removing different characters to see what it was.
Niko Salonen
@nikosalonen
Mar 29 2016 06:24
yeah \W doesn't touch the underscore so you have to add that to the replace()
Tessa Bradford
@trose1189
Mar 29 2016 06:24
The replace isn't removing it along with the other non-alphanumeric characters
Maulik Darji
@maulikdarji
Mar 29 2016 06:26
@trose1189 try this .replace(/[-_\W/]g,"");
Tessa Bradford
@trose1189
Mar 29 2016 06:27
Got it. Thanks @nikosalonen and @JacksonBates
CamperBot
@camperbot
Mar 29 2016 06:27
trose1189 sends brownie points to @nikosalonen and @jacksonbates :sparkles: :thumbsup: :sparkles:
:star: 367 | @nikosalonen | http://www.freecodecamp.com/nikosalonen
:star: 132 | @jacksonbates | http://www.freecodecamp.com/jacksonbates
Caleb
@superbarnie
Mar 29 2016 06:27
@trose1189 no, don't listen to him. try /[_\W]/g ;)
Niko Salonen
@nikosalonen
Mar 29 2016 06:28
you are not helping if you just shout answers :)
Dylan Larkins
@tmad40blue
Mar 29 2016 06:29
FYI for those of you in the help channel - i released a dark theme for FCC using Stylish extension for Firefox/Chrome, in case the bright white and green are too bright for you: https://userstyles.org/styles/126104/freecodecamp-base16-atelier-forest-dark-theme
Siddharth
@siddharthisaiah
Mar 29 2016 06:29
yep it works! thanks @shortgiraffe4 and @superbarnie
CamperBot
@camperbot
Mar 29 2016 06:29
siddharthisaiah sends brownie points to @shortgiraffe4 and @superbarnie :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for superbarnie
Dylan Larkins
@tmad40blue
Mar 29 2016 06:29
any feedback is appreciated :D
CamperBot
@camperbot
Mar 29 2016 06:29
:star: 115 | @shortgiraffe4 | http://www.freecodecamp.com/shortgiraffe4
Tessa Bradford
@trose1189
Mar 29 2016 06:29
Lol, and thanks @maulikdarji and @superbarnie.
CamperBot
@camperbot
Mar 29 2016 06:29
trose1189 sends brownie points to @maulikdarji and @superbarnie :sparkles: :thumbsup: :sparkles:
:star: 580 | @maulikdarji | http://www.freecodecamp.com/maulikdarji
:warning: could not find receiver for superbarnie
Jackson Bates
@JacksonBates
Mar 29 2016 06:29
@gautamgahlawat I have that problem too, takes a click and one key press to activate the window for me, after that I can navigate normally. I'm using Chrome - not sure if it's a quirk specific to that browser or others as well
Yasser Hussain
@yasserhussain1110
Mar 29 2016 06:39
What quote engine to use for quote api assignment, people??
I tried theysaidso. But it seems its not free.
Caleb
@superbarnie
Mar 29 2016 06:42
Forismatic works alright. http://codepen.io/dting/pen/PqrZgb
Yasser Hussain
@yasserhussain1110
Mar 29 2016 06:42
thanks. didn't need to see your solution, but thanks.
hughes205
@hughes205
Mar 29 2016 06:44
how do i add 2 classes to one img
Caleb
@superbarnie
Mar 29 2016 06:44
@yasserhussain1110 It's not a solution. It's an example API call.
@hughes205 <img class="class1 class2">
Siddharth
@siddharthisaiah
Mar 29 2016 06:45
@hughes205 <img class=“first_class second_class”>
hughes205
@hughes205
Mar 29 2016 06:46
do i put name of class after "first class, second class" etc..?
Amit Kumar Singh
@aksinghdce
Mar 29 2016 06:48
Can I style a “row” div to be responsive such that it always takes the whole width of the browser? Can I do it in bootstrap?
Siddharth
@siddharthisaiah
Mar 29 2016 06:49
no @hughes205 replace ‘first_class’ and ‘second_class’ with the name of the classes that you want to use. just remember to seperate the class names with a space.
Niko Salonen
@nikosalonen
Mar 29 2016 06:49
@aksinghdce you could use container-fluid class
Amit Kumar Singh
@aksinghdce
Mar 29 2016 06:50
@nikosalonen can I use it along side “row” in the same div?
Niko Salonen
@nikosalonen
Mar 29 2016 06:51
well containers should contain the code so you can put your rows inside it
<div class="container-fluid">
  <div class="row">
    <div class="col-lg-12"></div>
  </div>
  <div class="row">
    <div class="col-lg-12"></div>
  </div>
  <div class="row">
    <div class="col-lg-12"></div>
  </div>
</div>
Amit Kumar Singh
@aksinghdce
Mar 29 2016 06:54
@nikosalonen Thats great but it doesn’t solve my cause. I need my row div to be visible completely in my window width, then I need to be able to switch to next row div with the click of a button
@nikosalonen wait a minute. This looks cool. let me give it a shot
Niko Salonen
@nikosalonen
Mar 29 2016 06:56
well container-fluid makes the whole container width 100% if you need to make just part of the content 100% you could use normal container class for those parts?
Quinn Raye-Ward
@HinduScholar
Mar 29 2016 06:57
hey guys how do i get my browser's zoom to be 100%?
Niko Salonen
@nikosalonen
Mar 29 2016 06:57
@HinduScholar ctrl 0
Quinn Raye-Ward
@HinduScholar
Mar 29 2016 06:57
thanks ;)
Niko Salonen
@nikosalonen
Mar 29 2016 06:57
if nothing happens then most likely you are at 100% already
Dylan Larkins
@tmad40blue
Mar 29 2016 06:58
ctrl + and ctrl - also increase/decrease zoom on the domain
little basic browser usage trick
Erin Heard
@ufi16
Mar 29 2016 06:58
how do i italicize the text for a button using html tags in jQuery?
XYQuadrat
@XYQuadrat
Mar 29 2016 06:59
font-style: italic;
This message was deleted
hughes205
@hughes205
Mar 29 2016 06:59
<img class= smaller-image class= thick-green-border src="https://bit.ly/fcc-relaxing-cat" >
@siddharthisaiah
Siddharth
@siddharthisaiah
Mar 29 2016 07:01
@hughes205 - <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
Amit Kumar Singh
@aksinghdce
Mar 29 2016 07:01
@nikosalonen it looks cool. Thanks
CamperBot
@camperbot
Mar 29 2016 07:01
aksinghdce sends brownie points to @nikosalonen :sparkles: :thumbsup: :sparkles:
:star: 368 | @nikosalonen | http://www.freecodecamp.com/nikosalonen
Pho Huynh
@shortgiraffe4
Mar 29 2016 07:02
@ufi16 $("#target4").html("<i>#target4</i>");
Erin Heard
@ufi16
Mar 29 2016 07:02
thank you @shortgiraffe4
CamperBot
@camperbot
Mar 29 2016 07:02
ufi16 sends brownie points to @shortgiraffe4 :sparkles: :thumbsup: :sparkles:
:star: 125 | @shortgiraffe4 | http://www.freecodecamp.com/shortgiraffe4
hughes205
@hughes205
Mar 29 2016 07:05
@siddharthisaiah thanks but what was wrong with what i showed you exactly?
CamperBot
@camperbot
Mar 29 2016 07:05
hughes205 sends brownie points to @siddharthisaiah :sparkles: :thumbsup: :sparkles:
:star: 301 | @siddharthisaiah | http://www.freecodecamp.com/siddharthisaiah
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:07
Hello people for random quote machine, how did you deal with "No 'Access-Control-Allow-Origin'"??
Niko Salonen
@nikosalonen
Mar 29 2016 07:08
@hughes205 you have two class= and no quotes
Kevin
@KevinBruland
Mar 29 2016 07:08
It is OK to use a bootstrap column for one item?
Niko Salonen
@nikosalonen
Mar 29 2016 07:09
@yasserhussain1110 you can try jsonp if it's allowed
hughes205
@hughes205
Mar 29 2016 07:10
@nikosalonen thanks!
CamperBot
@camperbot
Mar 29 2016 07:10
hughes205 sends brownie points to @nikosalonen :sparkles: :thumbsup: :sparkles:
Niko Salonen
@nikosalonen
Mar 29 2016 07:10
@Benalron sure
CamperBot
@camperbot
Mar 29 2016 07:10
:star: 369 | @nikosalonen | http://www.freecodecamp.com/nikosalonen
Kevin
@KevinBruland
Mar 29 2016 07:10
@nikosalonen awesome, thanks... currently it is how I know how to position stuff responsively
CamperBot
@camperbot
Mar 29 2016 07:10
benalron sends brownie points to @nikosalonen :sparkles: :thumbsup: :sparkles:
:star: 370 | @nikosalonen | http://www.freecodecamp.com/nikosalonen
Niko Salonen
@nikosalonen
Mar 29 2016 07:11
@hughes205 lets say you apply <p class="first" class="second"></p> then only the second applies and firstis ignored so you must include all classes into the same class="first second"
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:12
@nikosalonen no even jsonp isn't allowed, it seems.
Alexander Køpke
@alexanderkopke
Mar 29 2016 07:12
@yasserhussain1110 are you using an API?
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:12
@alexanderkopke yeah
I am using forismatic.
Alexander Køpke
@alexanderkopke
Mar 29 2016 07:13
@yasserhussain1110 ok add &callback=? to the url
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:15
@alexanderkopke Uncaught SyntaxError: Unexpected token function
Alexander Køpke
@alexanderkopke
Mar 29 2016 07:15
@yasserhussain1110 ah ok forismatic seem to use something else
sorry :(
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:15
here is my js
Niko Salonen
@nikosalonen
Mar 29 2016 07:15
The following response formats are supported:
xml
json
jsonp
html
text
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:15
$(document).ready(function() {
            $("#generate").on("click", function(){
                'allow strict';
                $.getJSON("http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&callback=?", function(quote){
                    $("comment").val(quote.stringify());
                });
            });
        });
Niko Salonen
@nikosalonen
Mar 29 2016 07:16
you need to use $.ajax for jsonp
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:17
@nikosalonen Yeah jsonp is supported but changing the format to jsonp didn't help.
Kevin
@KevinBruland
Mar 29 2016 07:17
im struggling a bit to find a way to center an element vertically that is responsive for different sizes... anyone have any advice?
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:17
I got the same error. No 'Access-Control-Allow-Origin'
Alexander Køpke
@alexanderkopke
Mar 29 2016 07:17
Niko Salonen
@nikosalonen
Mar 29 2016 07:18
did you set dataType: 'jsonp',
Pho Huynh
@shortgiraffe4
Mar 29 2016 07:18
@Benalron have you tried to put that div in the middle of 2 other div in one "row"
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:18
@alexanderkopke I got Unexpected token
Kevin
@KevinBruland
Mar 29 2016 07:19
hmm, I could try that... interesting idea
Pho Huynh
@shortgiraffe4
Mar 29 2016 07:20
@Benalron then try this:
<div class="row">
<div class="col-md-2 col-md-offset-5"></div>
</div>
it's kind of a different implementation but same idea
Kevin
@KevinBruland
Mar 29 2016 07:22
well, that will center it horizontally
Pho Huynh
@shortgiraffe4
Mar 29 2016 07:22
after that, a small trick with margin: 0 auto; would work too
Siddharth
@siddharthisaiah
Mar 29 2016 07:22
Kevin
@KevinBruland
Mar 29 2016 07:22
for horizontal, ive just been using text-center
Kevin
@KevinBruland
Mar 29 2016 07:23
wow, thanks for all the responses everyone
I will go through those until I find something that works
Niko Salonen
@nikosalonen
Mar 29 2016 07:25
vertical centering is one of the biggest pain in the ass in CSS :D
especially for responsive design
Anubhav Rawat
@avraw
Mar 29 2016 07:33
browsec not working anynore
cant run tests
please help
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:33
Please help me guys ```
        $(document).ready(function () {

            $("#generate").click(function (){
                $.ajax({
                    url: "http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp",
                    cache: false,
                    dataType: "jsonp",
                    success: function (quote){
                            $("comment").val(quote.stringify());
                        }
                });
            });
        });
This is the fucntion Iam using to get random quotes.
But I keep getting Uncaught SyntaxError: Unexpected token function
Where is the syntax error??
Kevin
@KevinBruland
Mar 29 2016 07:34
hmm, I was trying the flexbox approach to centering
and I cant figure out why it's not working
Aleksander Gębicki
@Takumar
Mar 29 2016 07:35
@avraw maybe you created infinite loop in your code and it is running that loop now?
If it is true, check how to disable auto running. Read camperbot's answer
explain auto
CamperBot
@camperbot
Mar 29 2016 07:35

:point_right: disable code auto run [wiki]

By default, the Free Code Camp site automatically loads and runs your last recorded solution. If you have accidentally created an infinite loop or other irrecoverable error or simply don't trust the code, you can disable code auto-run by putting the following in your URL:
run=disabled

Example:

URL: http://www.freecodecamp.com/challenges/Algorithm-meet-Algorithm#?solution=function%20meetBonfire(argument)

No-Run URL: http://www.freecodecamp.com/challenges/Algorithm-meet-Algorithm#?run=disabled&solution=function%20meetBonfire(argument)

:pencil: read more about disable code auto run on the FCC Wiki

Anubhav Rawat
@avraw
Mar 29 2016 07:36
@Takumar done! thanks :D
CamperBot
@camperbot
Mar 29 2016 07:36
avraw sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 2884 | @takumar | http://www.freecodecamp.com/takumar
Dylan Larkins
@tmad40blue
Mar 29 2016 07:38
@yasserhussain1110 - you put a space after function and before ()
the space should be after () and before {
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:43
@tmad40blue Will check that.
Niko Salonen
@nikosalonen
Mar 29 2016 07:47
@tmad40blue spaces doesn't matter there
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:48
@tmad40blue Yeah removing the spaces didn't help.
Alexander Køpke
@alexanderkopke
Mar 29 2016 07:49
I'm getting unexpected token too.. can't figure it out :(
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:49
@nikosalonen when i remove dataType: "jsonp",
at least a request is made to the api server.
Sure, its turned down saying 'No 'Access-Control-Allow-Origin' header'
Niko Salonen
@nikosalonen
Mar 29 2016 07:50
do you have the getQuote function to handle the response?
no sorry
Kevin
@KevinBruland
Mar 29 2016 07:51
is anyone familiar with flexbox?
still stuck on this...
Niko Salonen
@nikosalonen
Mar 29 2016 07:51
you have to define the jsonp callback
XYQuadrat
@XYQuadrat
Mar 29 2016 07:51
@Benalron pretty much
Niko Salonen
@nikosalonen
Mar 29 2016 07:51
@yasserhussain1110 http://api.forismatic.com/api/jsonp/ check the example
@XYQuadrat any idea why that box is not vertically centered?
Yasser Hussain
@yasserhussain1110
Mar 29 2016 07:52
@nikosalonen I did. In success.
XYQuadrat
@XYQuadrat
Mar 29 2016 07:54
@Benalron you mean "About Me"?
Kevin
@KevinBruland
Mar 29 2016 07:54
yeah
Niko Salonen
@nikosalonen
Mar 29 2016 07:54
http://api.forismatic.com/api/1.0/?method=getQuote&format=jsonp&jsonp=parseQuote and then

        function parseQuote(response)
        {
            document.getElementById("quote").innerHTML = response.quoteText;
            document.getElementById("author").innerHTML = response.quoteAuthor;
        }
&jsonp=parseQuote
Kevin
@KevinBruland
Mar 29 2016 07:54
the flexbox css is applied to .dead-center
or no, sorry... not about me
the main first page
I put a black box around the div
XYQuadrat
@XYQuadrat
Mar 29 2016 07:57
And you want it to only be around the text?
Kevin
@KevinBruland
Mar 29 2016 07:58
im trying to vertically center the entire box, so all of the content in the box is in the center of the page
I have
border: solid 3px black;
display: flex;
flex-direction: column;
justify-content: center;
thats applied to the div that is the box... but it's not centering anything
Yasser Hussain
@yasserhussain1110
Mar 29 2016 08:01
@nikosalonen Thanks man finally it worked.
CamperBot
@camperbot
Mar 29 2016 08:01
yasserhussain1110 sends brownie points to @nikosalonen :sparkles: :thumbsup: :sparkles:
:star: 371 | @nikosalonen | http://www.freecodecamp.com/nikosalonen
Yasser Hussain
@yasserhussain1110
Mar 29 2016 08:01
@nikosalonen Not adding jsonp callback was the problem.
XYQuadrat
@XYQuadrat
Mar 29 2016 08:01
@Benalron Sorry, if I''m just dumb, but... The text is centered, not?
Like
Yasser Hussain
@yasserhussain1110
Mar 29 2016 08:02
@nikosalonen Talk about js being a pain in the ass.
Kevin
@KevinBruland
Mar 29 2016 08:02
it's centered horizontally... but my goal is to have it dead center in the page, so centered vertically and horizontally
XYQuadrat
@XYQuadrat
Mar 29 2016 08:02
I am dumb.
Good.
Niko Salonen
@nikosalonen
Mar 29 2016 08:05
@yasserhussain1110 hehe you should pay attention to the documentation next time :)
@Benalron what browser are you on? flexbox doesn't work well on older ones
Kevin
@KevinBruland
Mar 29 2016 08:06
should be most up to date chrome
I think I am just implementing it wrong, but I can't figure out how
XYQuadrat
@XYQuadrat
Mar 29 2016 08:07
Theoretically it should work with align-items: center
But it doesn't
Kevin
@KevinBruland
Mar 29 2016 08:07
ugh, I might have figured it out
XYQuadrat
@XYQuadrat
Mar 29 2016 08:07
@Benalron What was the error?
Kevin
@KevinBruland
Mar 29 2016 08:08
I think I had things centered inside the div... rather than the div centered inside the page
XYQuadrat
@XYQuadrat
Mar 29 2016 08:08
Ah
Kevin
@KevinBruland
Mar 29 2016 08:08
what a waste of 45 minutes lol
Niko Salonen
@nikosalonen
Mar 29 2016 08:08
welcome to the world of programming :D
CamperBot
@camperbot
Mar 29 2016 08:08

welcome to FreeCodeCamp @nikosalonen!

Niko Salonen
@nikosalonen
Mar 29 2016 08:09
thanks!
Kevin
@KevinBruland
Mar 29 2016 08:09
I started off really strong
Christopher Hodges
@crhnine
Mar 29 2016 08:09
:smile:
Kevin
@KevinBruland
Mar 29 2016 08:09
but the last couple of days, I am just getting stuck step after step
Niko Salonen
@nikosalonen
Mar 29 2016 08:09
we've all been there
Kevin
@KevinBruland
Mar 29 2016 08:09
nothings working like I think it will
XYQuadrat
@XYQuadrat
Mar 29 2016 08:09
@Benalron Now you need to continue even more
Niko Salonen
@nikosalonen
Mar 29 2016 08:09
it never gets easier, you just get better to google stuff
XYQuadrat
@XYQuadrat
Mar 29 2016 08:09
Stay strong
And become stronger
Kevin
@KevinBruland
Mar 29 2016 08:09
I will
I think it's that I am trying to use a ton of stuff I don't understand
XYQuadrat
@XYQuadrat
Mar 29 2016 08:10
And I bet that most of your friends won't understand anything
Kevin
@KevinBruland
Mar 29 2016 08:10
feel like I didn't get ever get a sense of overall positioning
Christopher Hodges
@crhnine
Mar 29 2016 08:10
I figure out most of my problems when I step away from the computer oddly enough
XYQuadrat
@XYQuadrat
Mar 29 2016 08:10
I struggled with positioning a long time
But with grids coming up
Kevin
@KevinBruland
Mar 29 2016 08:11
im sure down the road that will work for me, @crhnine
XYQuadrat
@XYQuadrat
Mar 29 2016 08:11
This will (hopefully) end the pain
Kevin
@KevinBruland
Mar 29 2016 08:11
the jquery and javascript ones?
XYQuadrat
@XYQuadrat
Mar 29 2016 08:11
No
The CSS ones
Kevin
@KevinBruland
Mar 29 2016 08:12
oh, I don't know about them
XYQuadrat
@XYQuadrat
Mar 29 2016 08:12
The support for them will come with next Chrome/Firefox versions
And they are awesome
Kevin
@KevinBruland
Mar 29 2016 08:12
oh, interesting
XYQuadrat
@XYQuadrat
Mar 29 2016 08:13
After Flexbox this is the first CSS technique designed for layouting
Kevin
@KevinBruland
Mar 29 2016 08:13
right now... I am just so confused about when to use px, vs %, vs flexbox, vs bootstrap col... etc
Christopher Hodges
@crhnine
Mar 29 2016 08:13
box-sizing: border-box helps a lot with the sizing
XYQuadrat
@XYQuadrat
Mar 29 2016 08:13
Yeah
Less math, more productivity
Kevin
@KevinBruland
Mar 29 2016 08:14
not familiar with that one, reading up on it
Christopher Hodges
@crhnine
Mar 29 2016 08:15
basically with that you can set the width and then it will stay that width just moving items in or out
XYQuadrat
@XYQuadrat
Mar 29 2016 08:15
Padding is included in width
Kevin
@KevinBruland
Mar 29 2016 08:16
huh
XYQuadrat
@XYQuadrat
Mar 29 2016 08:16
Example: Width is 100px and padding 25px
Christopher Hodges
@crhnine
Mar 29 2016 08:16
your box wont change in size when you set the width.
XYQuadrat
@XYQuadrat
Mar 29 2016 08:17
Then the full element would be 125 px long
But with box-sizing: border-box; it would be 100px;
Dominique
@Nikkicodes787
Mar 29 2016 08:17
Hello need help getting off this challenge I think it has a bug
Kevin
@KevinBruland
Mar 29 2016 08:17
I think I get what your saying
XYQuadrat
@XYQuadrat
Mar 29 2016 08:18
@Nikkicodes787 Here you go.
Kevin
@KevinBruland
Mar 29 2016 08:18
which one, @Nikkicodes787 ?
Dominique
@Nikkicodes787
Mar 29 2016 08:18
Christopher Hodges
@crhnine
Mar 29 2016 08:18
so like normally when you go to add 25px in padding and you wanted the div to not take up more room you would need to set the width now to 75px.
Dominique
@Nikkicodes787
Mar 29 2016 08:18
Ok
XYQuadrat
@XYQuadrat
Mar 29 2016 08:18
@Nikkicodes787 You are at the right place (sorry if you were confused)
Kevin
@KevinBruland
Mar 29 2016 08:19
oooh, I get it @crhnine
Dominique
@Nikkicodes787
Mar 29 2016 08:19
Yes "use css style selector on elements"
Kevin
@KevinBruland
Mar 29 2016 08:19
see, ive primarily not been assigning widths to anything... just using bootstrap columns
Dominique
@Nikkicodes787
Mar 29 2016 08:19
@XYQuadrat
Kevin
@KevinBruland
Mar 29 2016 08:19
whats the problem with it, @Nikkicodes787 ?
I can actually help with this one lol
Dominique
@Nikkicodes787
Mar 29 2016 08:20
I typed in the css selector ND changed it to blue but it's still saying my h2 element should be blue and to make sure I have a semi colon and brace which I do
@XYQuadrat
XYQuadrat
@XYQuadrat
Mar 29 2016 08:21
Can you copy/paste your code here?
Dominique
@Nikkicodes787
Mar 29 2016 08:21
@Benalron sorry I am on my mobile device but I could svreen
XYQuadrat
@XYQuadrat
Mar 29 2016 08:22
Also good
Dominique
@Nikkicodes787
Mar 29 2016 08:22
Screen shot it Idk how I would send it
Kevin
@KevinBruland
Mar 29 2016 08:22
I can help
Dominique
@Nikkicodes787
Mar 29 2016 08:22
So how would I send a pic in of it through here
Kevin
@KevinBruland
Mar 29 2016 08:23
it would be better to help you learn it, but if you want I can just copy the answer in since you cant share your code
XYQuadrat
@XYQuadrat
Mar 29 2016 08:23
Just drag & drop (I think)
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 08:23
Umm any of you guys used slides on a website once? Using something like liteAccordion?
Dominique
@Nikkicodes787
Mar 29 2016 08:23
OK that can work @Benalron I believe I have the concept of how to do it
Kevin
@KevinBruland
Mar 29 2016 08:24

<style>
h2{color:blue;}
</style>

<h2>CatPhotoApp</h2>

and keep the <p> with the text below that as well
Dominique
@Nikkicodes787
Mar 29 2016 08:25
   OK that's what I put but it was still giving me grief
XYQuadrat
@XYQuadrat
Mar 29 2016 08:25
Strange
Dominique
@Nikkicodes787
Mar 29 2016 08:25
I will try it
Kevin
@KevinBruland
Mar 29 2016 08:25
youre using a : after color, and ; after blue?
common mistake early on is to use either semicolons or colons in the wrong places
XYQuadrat
@XYQuadrat
Mar 29 2016 08:26
This message was deleted
Dominique
@Nikkicodes787
Mar 29 2016 08:26
OMG thank you!it worked I had the top part right but the bottom part wrong.
@Benalron
XYQuadrat
@XYQuadrat
Mar 29 2016 08:27
@Nikkicodes787 Nice! Go ahead with the next challenge and dive into CSS!
Kevin
@KevinBruland
Mar 29 2016 08:28
chats being weird on me
Dominique
@Nikkicodes787
Mar 29 2016 08:28
U guys are awesome thanks so much for your patience
Kevin
@KevinBruland
Mar 29 2016 08:28
np though, I am just as glad to be able to help... as usually I am the one asking for things
Dominique
@Nikkicodes787
Mar 29 2016 08:28
Lol
XYQuadrat
@XYQuadrat
Mar 29 2016 08:28
We all need help once :)
Or maybe twice
Kevin
@KevinBruland
Mar 29 2016 08:29
pfft, once... im on like 15
XYQuadrat
@XYQuadrat
Mar 29 2016 08:29
Or, in my case like all the time
Dominique
@Nikkicodes787
Mar 29 2016 08:29
Lol or thirty times in my case lol,ita learning process
XYQuadrat
@XYQuadrat
Mar 29 2016 08:29
You learn out of your errors
Dominique
@Nikkicodes787
Mar 29 2016 08:31
OK I have one more question when in the bottom part of the challenge where the p for the paragraph was why did we haven't go back in and add a <h2> and </h2>
SirHerbert
@SirHerbert
Mar 29 2016 08:31
Got a problem with "Create a form element" "Make sure your form has an action attribute which is set to /submit-cat-photo" my code: http://pastebin.com/HAefm16P
Kevin
@KevinBruland
Mar 29 2016 08:32
for the same section?
XYQuadrat
@XYQuadrat
Mar 29 2016 08:32
@Nikkicodes787 I think because the code would become hard to read
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 08:33
@SirHerbert you have written submit instead of submit.
Kevin
@KevinBruland
Mar 29 2016 08:33
do you mean, why didnt you have to add <h2> and </h2> by the "kitty ipsum" text?
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 08:33
Sumbit*
@SirHerbert correct that and try again?
Danilo
@sennator
Mar 29 2016 08:35
can someone help me with https://goo.gl/NPMc9X
lol
i fugured it out ;D
LENZFLIKER
@LENZFLIKER
Mar 29 2016 08:37
Great!
Dominique
@Nikkicodes787
Mar 29 2016 08:37
@Benalron yes that's what I am asking thanks
CamperBot
@camperbot
Mar 29 2016 08:37
nikkicodes787 sends brownie points to @benalron :sparkles: :thumbsup: :sparkles:
:star: 138 | @benalron | http://www.freecodecamp.com/benalron
LENZFLIKER
@LENZFLIKER
Mar 29 2016 08:38
Can any one help me in Java
Kevin
@KevinBruland
Mar 29 2016 08:38
<h2> is a headline tag, <p> stands for paragraph... but it's also how you do bodies of text, not just creating a new paragraph
XYQuadrat
@XYQuadrat
Mar 29 2016 08:38
Java or Javascript?
LENZFLIKER
@LENZFLIKER
Mar 29 2016 08:38
Java...
Kevin
@KevinBruland
Mar 29 2016 08:38
so on most pages, the main sections of text are all within a <p>
XYQuadrat
@XYQuadrat
Mar 29 2016 08:38
Hmm.
This is actually a chat room about Web Development
So no Java
You still can try
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 08:39
@LENZFLIKER What's the doubt?
Dominique
@Nikkicodes787
Mar 29 2016 08:40
OK thanks
LENZFLIKER
@LENZFLIKER
Mar 29 2016 08:40
@thenerdyouknow I'll tell you in private since this room is all abt "web dev"
pencillik
@pencillik
Mar 29 2016 08:41
stuck with converting celcius to fahrenheit in JS, little help please.
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 08:42
@LENZFLIKER don't be nasty. Ask it here. People who can help you will try :D
??
Aleksander Gębicki
@Takumar
Mar 29 2016 08:44
@sennator are you on the picture that you show us it again and again ? ;-)
Steven Osterwald
@keks411
Mar 29 2016 08:44
@pencillik How did you get your temperature in the first place? If you are using the openweatherapiy you receive kelvin and then you just need to parse it into an integer (or else) and convert it
Danilo
@sennator
Mar 29 2016 08:44
hahahh nah man
there is a link
Steven Osterwald
@keks411
Mar 29 2016 08:44
@sennator looks like coding-coffee-place...on my way
Danilo
@sennator
Mar 29 2016 08:44
on top
Aleksander Gębicki
@Takumar
Mar 29 2016 08:44
@sennator you cannot modify single letter of string like that: myStr[0] = "H";
You can assign entire string to the variable: myStr = "Hello";
There is smart word that strings are "immutable", that means you cannot modify string.
XYQuadrat
@XYQuadrat
Mar 29 2016 08:46
I gtg now. See ya later !:)
Danilo
@sennator
Mar 29 2016 08:46
still don't get it. sorry :)
Aleksander Gębicki
@Takumar
Mar 29 2016 08:47
@sennator You just have to assign new, correct string to that variable:
myStr = "Hello World";
pencillik
@pencillik
Mar 29 2016 08:48
@keks411 well, was trying to solve a challenge in FreeCodeCamp, and this came up;
LENZFLIKER
@LENZFLIKER
Mar 29 2016 08:48

Switch(word){
case"cut";
System.out.println("cut yourself!");
break;

case"copy";
System.out.println("don't copy");
break;
}

Aleksander Gębicki
@Takumar
Mar 29 2016 08:48
@sennator if myStr was an array: myArr = ['J','e','l','l','o'];
You could modify its single element by writing: myArr[0] = "H";, but you cannot do that with string!
You can of course read one letter of string:
var myLetter = myStr[0]; but you cannot overwrite it!
pencillik
@pencillik
Mar 29 2016 08:48

@keks411

function convert(celsius) {
// Only change code below this line

// Only change code above this line
if ( typeof fahrenheit !== 'undefined' ) {
return fahrenheit;
} else {
return 'fahrenheit not defined';
}
}

// Change the inputs below to test your code
convert(0);

Steven Osterwald
@keks411
Mar 29 2016 08:49
@pencillik Whats the name of this waypoint?
Danilo
@sennator
Mar 29 2016 08:49
@Takumar thanks for explanation man
Aleksander Gębicki
@Takumar
Mar 29 2016 08:49

@LENZFLIKER shouldn't you use colon instead of semicolon?

case "cut":

I think that would be better :-)

CamperBot
@camperbot
Mar 29 2016 08:50
:star: 2886 | @takumar | http://www.freecodecamp.com/takumar
sennator sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
pencillik
@pencillik
Mar 29 2016 08:50
@keks411 "convert celcius to fahrenheit"
Aleksander Gębicki
@Takumar
Mar 29 2016 08:50
@sennator you are welcome :-)
LENZFLIKER
@LENZFLIKER
Mar 29 2016 08:51
@Takumar thanx 😂
CamperBot
@camperbot
Mar 29 2016 08:51
lenzfliker sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 2887 | @takumar | http://www.freecodecamp.com/takumar
Ty Blunt
@tblunt80
Mar 29 2016 08:51

Hey everyone! looking for help. why isn't my element blue. <style>
h2 {color: blue;}
</style>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

Aleksander Gębicki
@Takumar
Mar 29 2016 08:51
@LENZFLIKER no problem, switch() case ... statements looks similar in many languages I guess.
LENZFLIKER
@LENZFLIKER
Mar 29 2016 08:52
Oh!
Aleksander Gębicki
@Takumar
Mar 29 2016 08:52
@tblunt80 you don't have <h2> heading element in your code, you have CSS rule for that but I don't see <h2>This is my heading</h2> there.
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 08:52
@tblunt80 Class is for h2. You have no H2.
Ty Blunt
@tblunt80
Mar 29 2016 08:52
ahhhh ok thanks!
LENZFLIKER
@LENZFLIKER
Mar 29 2016 08:54
Can someone please tell me whats orphaned case "cut" error
In this

Switch(word){
case"cut";
System.out.println("cut yourself!");
break;

case"copy";
System.out.println("don't copy");
break;
}

Aleksander Gębicki
@Takumar
Mar 29 2016 08:54
@pencillik you have to create fahrenheit variable in your code, and assign it value of celsius parameter multiplied by given formula 9/5 + 32
LENZFLIKER
@LENZFLIKER
Mar 29 2016 08:55
*:
Goze
@gozeon
Mar 29 2016 08:55
i hava a trouble
Aleksander Gębicki
@Takumar
Mar 29 2016 08:55
@LENZFLIKER switch should be written with lowercase I think:
switch() {
  case "cut":

  case "copy":
}
drunkenirish
@drunkenirish
Mar 29 2016 08:55
hello all. nooby nooby doo here to ask for help with jquery addClass() function
Goze
@gozeon
Mar 29 2016 08:55
who can help me
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 08:55
@LENZFLIKER you still haven't changed the ; to : and switch is lowercase.
@drunkenirish Go ahead.
LENZFLIKER
@LENZFLIKER
Mar 29 2016 08:56
Kk bro! @thenerdyouknow
It gave me another error @Takumar
drunkenirish
@drunkenirish
Mar 29 2016 08:57

just started jquery lessons and <script>
$(document).ready(function()$("button").addClass("animated bounce"); {

});
</script>

igets as far as i can
wow oops i mean that is as far as i have gotten
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 08:58
Dude just put your whole code on pastebin or something and give us a link. Much easier @LENZFLIKER
Alexander Køpke
@alexanderkopke
Mar 29 2016 08:58
$(document).ready(function(){
   $("button").addClass("animated bounce"); 
});
</script>
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 08:58
Oh no. Add the $(button) in the braces @drunkenirish
Alexander Køpke
@alexanderkopke
Mar 29 2016 08:59
@drunkenirish the code goes inside the { -- code to run inside function---}
Aleksander Gębicki
@Takumar
Mar 29 2016 08:59
@LENZFLIKER this is not working?
switch(word) {
   case "cut":
   System.out.println("cut yourself!");
   break;

   case "copy":
   System.out.println("don't copy");
   break;
}
LENZFLIKER
@LENZFLIKER
Mar 29 2016 09:00
My bad...
drunkenirish
@drunkenirish
Mar 29 2016 09:00
sorry what is pastebin? and thanks I will try that right meow
LENZFLIKER
@LENZFLIKER
Mar 29 2016 09:00
Its working now
Goze
@gozeon
Mar 29 2016 09:00
QQ截图20160329170009.png
who can help me
LENZFLIKER
@LENZFLIKER
Mar 29 2016 09:01
Thanx @Takumar @thenerdyouknow
CamperBot
@camperbot
Mar 29 2016 09:01
lenzfliker sends brownie points to @takumar and @thenerdyouknow :sparkles: :thumbsup: :sparkles:
:warning: lenzfliker already gave takumar points
:star: 140 | @thenerdyouknow | http://www.freecodecamp.com/thenerdyouknow
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:01
See the .ready is a function which will execute anything inside it's scope once the document is ready
Aleksander Gębicki
@Takumar
Mar 29 2016 09:01

@Gozeon you have to do three things:

  • add item element to the end of your array arr
  • remove first element from arr
  • return removed element from your function

For sure you know array methods for it push() and shift(), try to use them now.

pencillik
@pencillik
Mar 29 2016 09:01
@Takumar i created var fahrenheit but i couldnt figure out how to assign in to celsius and that formula?
seasons
@seasonscao
Mar 29 2016 09:02
hey guys
i have some quest
This message was deleted
Aleksander Gębicki
@Takumar
Mar 29 2016 09:02
@pencillik if you were told that fahrenheit temperature is twice the celsius, you would write:
var fahrenheit = celsius * 2;
but you have different relation, so what it will be now?
Goze
@gozeon
Mar 29 2016 09:02
@Takumar i try
seasons
@seasonscao
Mar 29 2016 09:03
This message was deleted
Aleksander Gębicki
@Takumar
Mar 29 2016 09:03
@seasonscao don't write anything in line with backticks
```
your code
```
seasons
@seasonscao
Mar 29 2016 09:03
don't write anything in line with backticks
okay
i get it
// Setup
var collection = {
    2548: {
      album: "Slippery When Wet",
      artist: "Bon Jovi",
      tracks: [ 
        "Let It Rock", 
        "You Give Love a Bad Name" 
      ]
    },
    2468: {
      album: "1999",
      artist: "Prince",
      tracks: [ 
        "1999", 
        "Little Red Corvette" 
      ]
    },
    1245: {
      artist: "Robert Palmer",
      tracks: [ ]
    },
    5439: {
      album: "ABBA Gold"
    }
};
// Keep a copy of the collection for tests
var collectionCopy = JSON.parse(JSON.stringify(collection));

// Only change code below this line
function update(id, prop, value) {
  if(value !==""){
    collection[id][prop]=value;
  }else if(value ===""){
    delete collection[id][prop];
  }else if(prop == "tracks" && value !==""){
    collection[id][prop].push(value);
  }

  return collection;
}

// Alter values below to test your code
update(5439, "artist", "ABBA");
SirHerbert
@SirHerbert
Mar 29 2016 09:05
help "Make sure your form has an action attribute which is set to /submit-cat-photo"
seasons
@seasonscao
Mar 29 2016 09:05
i can’t get the result .After update(1245, "tracks", "Addicted to Love"), tracks should have "Addicted to Love" as the last element.
CamperBot
@camperbot
Mar 29 2016 09:05
no wiki entry for: make sure your form has an action attribute which is set to submit-cat-photo
SirHerbert
@SirHerbert
Mar 29 2016 09:05
<form action="/ sumbit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
seasons
@seasonscao
Mar 29 2016 09:05
what’s wrong with my code?
Niko Salonen
@nikosalonen
Mar 29 2016 09:05
@SirHerbert you have space after /
Aleksander Gębicki
@Takumar
Mar 29 2016 09:05
@seasonscao please notice that this condition: if(value !==""){ is catching also all cases for that }else if(prop == "tracks" && value !==""){ so second condition is never checked.
SirHerbert
@SirHerbert
Mar 29 2016 09:06
@nikosalonen still dosen't work
Niko Salonen
@nikosalonen
Mar 29 2016 09:06
@SirHerbert sumbit
seasons
@seasonscao
Mar 29 2016 09:06
@Takumar add a && prop condit
Aleksander Gębicki
@Takumar
Mar 29 2016 09:07

@seasonscao this condition:

if(value !==""){
    collection[id][prop]=value;

should also check if property is different than "tracks"

seasons
@seasonscao
Mar 29 2016 09:07
add a && prop condition?
Aleksander Gębicki
@Takumar
Mar 29 2016 09:07
@seasonscao yes
pencillik
@pencillik
Mar 29 2016 09:07

@Takumar i tried those kinds of things. however i am not getting any results. there is converting thing at the end of code

function convert(celsius) {
// Only change code below this line

// Only change code above this line
if ( typeof fahrenheit !== 'undefined' ) {
return fahrenheit;
} else {
return 'fahrenheit not defined';
}
}

// Change the inputs below to test your code
convert(30);

seasons
@seasonscao
Mar 29 2016 09:07
@Takumar Thanks!
CamperBot
@camperbot
Mar 29 2016 09:07
seasonscao sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 2888 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Mar 29 2016 09:07
@seasonscao you are welcome :-)
@pencillik write your code between comments:
// Only change code below this line
var fahrenheit = celsius * ...
// Only change code above this line
@pencillik convert(30); is running your function with argument of 30 (this is celsius temperature value)
Alister Najib Mada
@alistermada
Mar 29 2016 09:08
This message was deleted
gts00k
@gts00k
Mar 29 2016 09:10
how do I start the API Projects?
there are no much info
anybody is willinh to help ?
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:10
@SirHerbert told you before that you misspelled submit. Looks like you missed it.
pencillik
@pencillik
Mar 29 2016 09:11
@Takumar well man, thanks for help. much appreciated. turned out that i always mistyped that celsius, that's why i couldnt solve it in the first place!! :D
CamperBot
@camperbot
Mar 29 2016 09:11
pencillik sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 2889 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Mar 29 2016 09:12
@pencillik many people write "celcius" I guess it has something to do with English pronunciation
Jurabek
@Jurabek
Mar 29 2016 09:17
@gts00k Which API do you want to use?
FranticRaven
@FranticRaven
Mar 29 2016 09:18
hey guys, i need some help with "Label Bootstrap Wells"
Kevin
@KevinBruland
Mar 29 2016 09:18
sure @FranticRaven
what part are you stuck on?
FranticRaven
@FranticRaven
Mar 29 2016 09:18
<div class="<h4>col-xs-6 #left-well</h4>">
Goze
@gozeon
Mar 29 2016 09:18
@Takumar i want to see code...
FranticRaven
@FranticRaven
Mar 29 2016 09:19
it tells me to put #left-well inside the col-xs-6 div
Aleksander Gębicki
@Takumar
Mar 29 2016 09:19
@Gozeon what code?
Kevin
@KevinBruland
Mar 29 2016 09:19
OK, you can remove the <h4> and </h4>
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:19
Dude div class is separate from h4.
Goze
@gozeon
Mar 29 2016 09:19
@Takumar
QQ截图20160329171917.png
FranticRaven
@FranticRaven
Mar 29 2016 09:19
but it tells me to put it with a h4 inside the div
Add an h4 element to each of your <div class="col-xs-6"> elements.
Kevin
@KevinBruland
Mar 29 2016 09:19
each div has an opening and closing tag
<div> </div>
when you put something inside a div, it goes inbetween the tags
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:20
No it doesn't. I finished this yesterday.
Kevin
@KevinBruland
Mar 29 2016 09:20
<div>like this</div>
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:20
I
FranticRaven
@FranticRaven
Mar 29 2016 09:20
alright, i'll try that :)
Aleksander Gębicki
@Takumar
Mar 29 2016 09:21

@Gozeon you need two or three lines of code, first I said you need to add item, so you do:

arr.push(item);

think what to do next with shift() method.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/shift

Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:21
A class name can't have h4. You put it between the <div> and </div> @Benalron
Kevin
@KevinBruland
Mar 29 2016 09:22
remember, @FranticRaven ... the <div class="col-x-6>'s already have closing div's
with all the buttons inside
so they want you to put an H4 before the buttons, with the text they say to add
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:23
Sorry wrong tag @Benalron I meant @FranticRaven
Goze
@gozeon
Mar 29 2016 09:23
@Takumar i try again
jameel kanakryah
@jk-damas
Mar 29 2016 09:24
hi there, i think i am ganna need some help
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:25
@FranticRaven div is the division of the page into two sides with 3 buttons on each side. Now for this div to have a title we add #left-well and #right-well. Mainly because we'll be using the IDs later in jQuery. These
Aleksander Gębicki
@Takumar
Mar 29 2016 09:25
@Gozeon this is not very difficult challenge, read how to use shift() method and work on arr array.
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:26
@jk-damas What's your doubt?
jameel kanakryah
@jk-damas
Mar 29 2016 09:27
Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:28
Okay so where are you stuck? @jk-damas
Use <a> and </a> with the href attribute and the text "cat
jameel kanakryah
@jk-damas
Mar 29 2016 09:29
thats how i did it : <a> herf="http://freecatphotoapp.com"> "cat photo"</a>
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:29
photo" in the middle.
Kevin
@KevinBruland
Mar 29 2016 09:29
problem is, @jk-damas ... youre closing the <a> before it has the href
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:29
Href* and href is an attribute of a so you need to put it inside <a> @jk-damas
The text between <a> and </a> will be clickable and take you to the address of href which is basically the hyperlink reference, an attribute of a or a part of it.
jameel kanakryah
@jk-damas
Mar 29 2016 09:31
sorry i put it that way , but it says you need an a element that links to http://freecatphotoapp.com
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:32
Yeah look you closed the a without the link so that's why the error. @jk-damas
Kevin
@KevinBruland
Mar 29 2016 09:32
whats the name of the part you are on... is it "Add Image to your Website"?
Venkatesh Thapan
@thenerdyouknow
Mar 29 2016 09:32
Delete the > after a and correct the spelling of href and it should work.
Niko Salonen
@nikosalonen
Mar 29 2016 09:37
you don't have input
jameel kanakryah
@jk-damas
Mar 29 2016 09:38
@thenerdyouknow thank you very much
CamperBot
@camperbot
Mar 29 2016 09:38
jk-damas sends brownie points to @thenerdyouknow :sparkles: :thumbsup: :sparkles:
:star: 141 | @thenerdyouknow | http://www.freecodecamp.com/thenerdyouknow
cienci
@cienci
Mar 29 2016 09:39
Why is my dead link challenge not validating? It seems simple but when I run test it does not validate it, please help. This is my code:<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
Kevin
@KevinBruland
Mar 29 2016 09:40
is that a period inbetween </a> and </p>?
cienci
@cienci
Mar 29 2016 09:40
yes
Kevin
@KevinBruland
Mar 29 2016 09:40
couple reasons
Pho Huynh
@shortgiraffe4
Mar 29 2016 09:40
it should be href="#" @cienci
Kevin
@KevinBruland
Mar 29 2016 09:40
yeah, what he said
cienci
@cienci
Mar 29 2016 09:40
when I reset code the period is there, I did not put it
Oh ok get it :)
Thank you!
Zi
@zidideke
Mar 29 2016 09:43
hello! can i log out and then log in later on to continue where i stopped in my tutorial
Kevin
@KevinBruland
Mar 29 2016 09:43
yup
Zi
@zidideke
Mar 29 2016 09:50
tnx
Anand
@Anandpatel245
Mar 29 2016 09:51
i came across this message "Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge."
how to do the same
???
i have done font size to 16 px

<style>
.red-text {
color: red;
p{font-size: 16px;}
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

this is my code
kindly help
Pho Huynh
@shortgiraffe4
Mar 29 2016 09:52
you missed a bracket I think
<style>
.red-text {
color: red;}
p{font-size: 16px;}

</style>
@Anandpatel245
cannelflow
@cannelflow
Mar 29 2016 09:52
This message was deleted
AbdHan
@abdhan
Mar 29 2016 09:53
I was doing my Wikipedia viewer Zipline and I noticed the example app used AngularJS. I think it used it mainly because it does client side form validation? I have no idea about AngularJS. Is there anyway I can parse form submitted value to process and output on the same page?
cannelflow
@cannelflow
Mar 29 2016 09:53
help format
CamperBot
@camperbot
Mar 29 2016 09:53

:point_right: code formatting [wiki]

Multi line Code

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

Single line Code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

cannelflow
@cannelflow
Mar 29 2016 09:53
:point_up: March 29, 2016 3:23 PM @Anandpatel245 which exercise?
Anand
@Anandpatel245
Mar 29 2016 09:54
@shortgiraffe4 thanks alot
CamperBot
@camperbot
Mar 29 2016 09:54
anandpatel245 sends brownie points to @shortgiraffe4 :sparkles: :thumbsup: :sparkles:
Anand
@Anandpatel245
Mar 29 2016 09:54
got it
CamperBot
@camperbot
Mar 29 2016 09:54
:star: 167 | @shortgiraffe4 | http://www.freecodecamp.com/shortgiraffe4
yannisp
@yannispi
Mar 29 2016 09:55
Hi guys i need some help with the local weather challenge. Geolocation used to work but now i think it doesn't work. I have no idea what to do about that. Thanks! http://codepen.io/gipali/pen/dMWwRb It seems that navigator.geolocation is not true.
Emmanuel
@Emmanuelchuk
Mar 29 2016 10:00
How do you set the text color?
Niko Salonen
@nikosalonen
Mar 29 2016 10:02
@gipapast you don't need innerHTML
and also your getjson should be inside the success function
Gaël Yimen
@yimengael
Mar 29 2016 10:04
hello
I'm doing this challenge
Turn an Image into a Link
and I don't know why i can pass this challenge
someone is there to help me pls ?
XYQuadrat
@XYQuadrat
Mar 29 2016 10:05
Did you wrap the a tag around the img?
Gaël Yimen
@yimengael
Mar 29 2016 10:06
yeah
Niko Salonen
@nikosalonen
Mar 29 2016 10:06
show the code
Gaël Yimen
@yimengael
Mar 29 2016 10:06

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<a href="#"><img src="https://bit.ly/fcc-running-cats"></a>

<p>Click here for <a href="#">cat photos</a>.</p>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Victor
@Vicstarstar123
Mar 29 2016 10:07
blob
Needs help with task shown on left
help
CamperBot
@camperbot
Mar 29 2016 10:09

Hi, I'm CamperBot! I can help you in this chatroom :smile:

Basic Commands:

  • find TOPIC find all entries about topic. ex: find js
  • wiki TOPIC show contents of topic page
  • thanks @username send brownie points to another user
  • about @username shows info on that user
  • Algorithm BONFIRENAME info on a Algorithm

:speech_balloon: meet CamperBot in this room!

:pencil: read more about camperbot on the FCC Wiki

Niko Salonen
@nikosalonen
Mar 29 2016 10:09
@Vicstarstar123 see the example for larger-image and then apply the class to the img just like in the previous lessons
@yimengael what is the error?
Gaël Yimen
@yimengael
Mar 29 2016 10:10
it's okay I got it
Niko Salonen
@nikosalonen
Mar 29 2016 10:11
good
Gaël Yimen
@yimengael
Mar 29 2016 10:11
in fact I was supposed to use the <img> existng in the code, not to create myself
Niko Salonen
@nikosalonen
Mar 29 2016 10:11
:)
Anand
@Anandpatel245
Mar 29 2016 10:12
i too struck at same point
can you explain me
as I am not able to get it
Gaël Yimen
@yimengael
Mar 29 2016 10:12
do we have the same issue ?
Anand
@Anandpatel245
Mar 29 2016 10:12
yeah
Gaël Yimen
@yimengael
Mar 29 2016 10:12
what is your issue ?
Anand
@Anandpatel245
Mar 29 2016 10:13
i am not able to understand were i should use smaller image
?
Gaël Yimen
@yimengael
Mar 29 2016 10:14
did you alredy create the class style smalle-image ?
Anand
@Anandpatel245