These are chat archives for FreeCodeCamp/Help

19th
Jan 2016
mormanguy
@mormanguy
Jan 19 2016 00:02
i need help
Raincode
@Raincode
Jan 19 2016 00:02
@mormanguy ok
@mormanguy I know a guy
mormanguy
@mormanguy
Jan 19 2016 00:03
i dont know how to do challeng 14
Raincode
@Raincode
Jan 19 2016 00:03
His name is Raincode and he talks too much, but he usually does quite ok explaining stuff to people and debugging
ok lemme have a look I can give you hints
can you send a link to the challenge please
mormanguy
@mormanguy
Jan 19 2016 00:04
how?
yoni chanowitz
@yonichanowitz
Jan 19 2016 00:04

@HaroonGhawsi , i was addressing 2 points, not options, sorry about the confusion. the if statement is good,

its important to make everything lowercase, then take out the spaces and periods, commas etc. then compare THE OUTCOME OF THAT, to what you reverse, not str. because str will always have the spaces and commas etc, in it.

Raincode
@Raincode
Jan 19 2016 00:04
Copy the url when you have it in your browser and paste it here?^^
or doesnt that work
at least tell me which category and what its called
mormanguy
@mormanguy
Jan 19 2016 00:05
jse css selectors to style elements
Haroon Ghawsi
@HaroonGhawsi
Jan 19 2016 00:05
@yonichanowitz
function palindrome(str) {
  // Good luck!


  var re = /(\w+)\s\W/gi;

  var newStr = [];
  newStr = str.replace(re, "");
  newStr.toLowerCase();
  newStr.split();


  if(str == newStr){
    if(str !== newStr){
      return false;
    }
    return true;

  }

}
palindrome("eye");
I have made some changes please have a look
mormanguy
@mormanguy
Jan 19 2016 00:05
challeng #14
Raincode
@Raincode
Jan 19 2016 00:06
@mormanguy Sry, I dont see any numbers. So what is your problem?
Haroon Ghawsi
@HaroonGhawsi
Jan 19 2016 00:06
I am getting the errors for non-palindrome strings. it does not match.
mormanguy
@mormanguy
Jan 19 2016 00:06
i dont under stand it
Raincode
@Raincode
Jan 19 2016 00:07
take out the inline style, create <style></style> and put h2 { color: blue; } in there, no?
style element means HTML element, so tags <style> and </style>
inbetween you can put css code, use the selector "h2" which affects all <h2> HTML elements, and give it the "color" property blue
<style>
    h2 {
        color: blue;
    }
</style>
underneath
<h2>Some crazy headline</h2>
get it?
yoni chanowitz
@yonichanowitz
Jan 19 2016 00:09
@HaroonGhawsi , how many of the tests did you get right?
mormanguy
@mormanguy
Jan 19 2016 00:09
how d you paste the photo so i can shwow you and you can tell me where to put those
yoni chanowitz
@yonichanowitz
Jan 19 2016 00:09
the last one is the hardest @HaroonGhawsi
Haroon Ghawsi
@HaroonGhawsi
Jan 19 2016 00:10
@yonichanowitz I am in 249
mormanguy
@mormanguy
Jan 19 2016 00:10
haroon
Raincode
@Raincode
Jan 19 2016 00:11
@mormanguy bro, no offense, but if you want to program you will have to turn on your brain, I really don't know how to explain further, I wrote all the code and described its position
Haroon Ghawsi
@HaroonGhawsi
Jan 19 2016 00:11
@mormanguy yup
mormanguy
@mormanguy
Jan 19 2016 00:11
never mind
sorry im new why dont you be patiant
Raincode
@Raincode
Jan 19 2016 00:12
I am very patient my friend
mormanguy
@mormanguy
Jan 19 2016 00:13
sorry im strest i dont understand this
Aleksander Gębicki
@Takumar
Jan 19 2016 00:13
@mormanguy you can drag the image to gitter to show it, but it is almost always better to paste code as text.
Raincode
@Raincode
Jan 19 2016 00:13
What don't you understand?
what an HTML Element is?
mormanguy
@mormanguy
Jan 19 2016 00:13
how do you drg the image?
drag sorry
Raincode
@Raincode
Jan 19 2016 00:14
drag what image?
WebCodeNinja
@WebCodeNinja
Jan 19 2016 00:14
This code isn't working as expected. It should decrement sec with every interval and then decrement min when the sec would equal -1, while resetting seconds to 59 to continue counting. Instead it only decrements seconds from 00 to 59 and then starts decrementing minutes once per second. I don't get it. I can post the pen link too if it is helpful...
$("#start").click(function(){
  var timer = workDuration * 60;
  var min = Math.floor((timer / 60));
  var sec = Math.floor((timer % 60));
  setInterval(function() {
    sec--;
    if (sec = -1){
      sec = 59;
      min--;
      $("#timer-minutes").text(min);
    }
    $('#timer-seconds').text(sec);
    }, 1000);
});
Raincode
@Raincode
Jan 19 2016 00:14
are we talking about the same challenge here?
"Use CSS Selectors to Style Elements"
mormanguy
@mormanguy
Jan 19 2016 00:14
yes
Aleksander Gębicki
@Takumar
Jan 19 2016 00:15
@mormanguy when you have image in a file, just use your mouse to drag the file into Gitter window.
Raincode
@Raincode
Jan 19 2016 00:15
to the guy with the palindromes, this part seems weird (think about it real hard)
Aleksander Gębicki
@Takumar
Jan 19 2016 00:15
@WebCodeNinja in line: if (sec = -1){ use === operator not assignment =.
Raincode
@Raincode
Jan 19 2016 00:15
  if(str == newStr){
    if(str !== newStr){
WebCodeNinja
@WebCodeNinja
Jan 19 2016 00:16
@Takumar to the rescue! Thanks again friend. You are quickly becoming one of my favorite code campers
CamperBot
@camperbot
Jan 19 2016 00:16
webcodeninja sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 1783 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Jan 19 2016 00:16
@WebCodeNinja I'm glad that I could help :-)
lalith77
@lalith77
Jan 19 2016 00:16
thanks @Raincode
CamperBot
@camperbot
Jan 19 2016 00:16
lalith77 sends brownie points to @raincode :sparkles: :thumbsup: :sparkles:
:star: 201 | @raincode | http://www.freecodecamp.com/raincode
Raincode
@Raincode
Jan 19 2016 00:17
guys, stop sending brownies, my cookie jar will overflow
thanks doe
how you do that anyways
@Raincode brownie
@Raincode give brownie
Aleksander Gębicki
@Takumar
Jan 19 2016 00:18
@Raincode you have to say: "Thank you @someone"
Raincode
@Raincode
Jan 19 2016 00:18
@Raincode #browniePoints
mmmh
x'D
Aleksander Gębicki
@Takumar
Jan 19 2016 00:19
@Raincode about @Raincode
Raincode
@Raincode
Jan 19 2016 00:19
Thank's bruh @Takumar
CamperBot
@camperbot
Jan 19 2016 00:19
raincode sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
Aleksander Gębicki
@Takumar
Jan 19 2016 00:19
about @Raincode
CamperBot
@camperbot
Jan 19 2016 00:19
:star: 201 | @raincode | http://www.freecodecamp.com/raincode
:star: 1784 | @takumar | http://www.freecodecamp.com/takumar
Raincode
@Raincode
Jan 19 2016 00:19
OMG
it worked XDDDDD
lmfao
Aleksander Gębicki
@Takumar
Jan 19 2016 00:19
@Raincode thank you
CamperBot
@camperbot
Jan 19 2016 00:19
takumar sends brownie points to @raincode :sparkles: :thumbsup: :sparkles:
:star: 202 | @raincode | http://www.freecodecamp.com/raincode
Raincode
@Raincode
Jan 19 2016 00:19
my guess is something like this
Aleksander Gębicki
@Takumar
Jan 19 2016 00:19
oh I wanted to show you, that "@Raincode Thank you" is not working :-)
CamperBot
@camperbot
Jan 19 2016 00:19
takumar sends brownie points to @raincode :sparkles: :thumbsup: :sparkles:
:warning: takumar already gave raincode points
Aleksander Gębicki
@Takumar
Jan 19 2016 00:20
@Raincode Thank you
CamperBot
@camperbot
Jan 19 2016 00:20
takumar sends brownie points to @raincode :sparkles: :thumbsup: :sparkles:
:warning: takumar already gave raincode points
Aleksander Gębicki
@Takumar
Jan 19 2016 00:20
@Raincode it seems that it is corrected now - very good :-)
Raincode
@Raincode
Jan 19 2016 00:20
words = input.split(' ');
for (var i in words) {
    if (words[i] === "Thank's" or words[i] == "Thank you" or ...)
        sendBrownies();
}
ofc, that doesnt make sense
since Thank you is splitted into Thank and you
mormanguy
@mormanguy
Jan 19 2016 00:21
worried:(
Philip Warkentien II
@warkentien2
Jan 19 2016 00:21
@mormanguy why so?
mormanguy
@mormanguy
Jan 19 2016 00:22
i need help but i cant understand anyone
i just dont get what there saying
Raincode
@Raincode
Jan 19 2016 00:22
@mormanguy Do you speak english?
mormanguy
@mormanguy
Jan 19 2016 00:23
yes
Raincode
@Raincode
Jan 19 2016 00:23
@mormanguy How old are you?
mormanguy
@mormanguy
Jan 19 2016 00:23
13
Raincode
@Raincode
Jan 19 2016 00:23
@mormanguy ok, are you smart?
mormanguy
@mormanguy
Jan 19 2016 00:23
not at this
Raincode
@Raincode
Jan 19 2016 00:23
Do you want to learn this?
mormanguy
@mormanguy
Jan 19 2016 00:23
yes
Raincode
@Raincode
Jan 19 2016 00:23
Then ask smart questions. "How do I drag the image" is n o t one of them :)
mormanguy
@mormanguy
Jan 19 2016 00:24
ok sorry
how do i copy the image and post it
Raincode
@Raincode
Jan 19 2016 00:25
you mean a screenshot?
mormanguy
@mormanguy
Jan 19 2016 00:25
yes
Raincode
@Raincode
Jan 19 2016 00:25
upload to to an image hosting site (e.g. imgur) and copy+paste the link here
mormanguy
@mormanguy
Jan 19 2016 00:25
ok
Raincode
@Raincode
Jan 19 2016 00:26
there shouldnt really be a need to send a screenshot imo
Bill
@kirah1314
Jan 19 2016 00:26
@mormanguy it's better if you copy and paste the codes so we can edit it if necessary
Raincode
@Raincode
Jan 19 2016 00:26
so click and drag over the code to select it
Press Ctrl+C
then click Ctrl+V with your mouse cursor being in the chat edit field
mouse cursor is the thin line blinking where the text comes out when you type on your keyboard
mormanguy
@mormanguy
Jan 19 2016 00:28

<style>
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>

Raincode
@Raincode
Jan 19 2016 00:28
oh and I forgot
put ``` above and under
<style>
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>
you are missing the <h2> element
only take out the part "style=..."
and add "color: blue;" inbetween the { } for h2
mormanguy
@mormanguy
Jan 19 2016 00:30

h2 {"color: blue;"}

<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>

Raincode
@Raincode
Jan 19 2016 00:31
so you get it there are two things working here, cascading stylesheets and Hyper Text Markup Language
CSS and HTML
good job!
still need the <h2> </h2> part
I feel like im being trolled
mormanguy
@mormanguy
Jan 19 2016 00:32
me?
Jason Lee
@JsonLitz
Jan 19 2016 00:33

Hey everyone! I have a quick question regarding the following exercise. Any and all help is welcome!

http://www.freecodecamp.com/challenges/create-a-form-element#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cinput%20type%3D%22text%22%20placeholder%3D%22your%20favorite%20cats%22%3E%0A%0A%3Cform%20type%3D%22text%22%20placeholder%3D%22your%20favorite%20cats%22%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%3C%2Fform%3E%0A

Maciej Bembenista
@macbem
Jan 19 2016 00:33
@JsonLitz paste your code here, not the link
Jason Lee
@JsonLitz
Jan 19 2016 00:33
Sorry about the wall of text
Raincode
@Raincode
Jan 19 2016 00:33
thats one hell of an identifier
Jason Lee
@JsonLitz
Jan 19 2016 00:33
Oh ok

The challenge calls for inserting a text field into a form element.

}

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

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

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

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<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>

<input type="text" placeholder="your favorite cats">

<form type="text" placeholder="your favorite cats" action="/submit-cat-photo"></form>

Raincode
@Raincode
Jan 19 2016 00:34
@mormanguy you need to add <h2>Cat Photo App</h2> between your <style> and <p> elements
@JsonLitz use ``` above and beneath your code on seperate lines for formatting
```

}

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

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

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

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<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>

<input type="text" placeholder="your favorite cats">

<form type="text" placeholder="your favorite cats" action="/submit-cat-photo"></form>

damit
and use that mode where you can hit enter
without sending the message
Maciej Bembenista
@macbem
Jan 19 2016 00:35
<form action ="/submit-cat-photo"> <input type="text" placeholder="your favorite cats"> </form>
@JsonLitz
JJPata
@jjpata
Jan 19 2016 00:35
Can somebody help me with the jQuery Selectors section of training? I have hung up on one part of it.
João Rodrigues
@puffnigga
Jan 19 2016 00:35
how can i change to a dead link with an #?
Jason Lee
@JsonLitz
Jan 19 2016 00:35
@Raincode @noczesc Thank you!
CamperBot
@camperbot
Jan 19 2016 00:35
jsonlitz sends brownie points to @raincode and @noczesc :sparkles: :thumbsup: :sparkles:
:star: 203 | @raincode | http://www.freecodecamp.com/raincode
:star: 319 | @noczesc | http://www.freecodecamp.com/noczesc
Aleksander Gębicki
@Takumar
Jan 19 2016 00:35
@JsonLitz your text input element is the one which begins: <input type="text" ... > put it between <form> and </form> tags. Don't add new lines, just nest existing.
Maciej Bembenista
@macbem
Jan 19 2016 00:35
@puffnigga <a href="#"> </a>
@jjpata paste your code here
João Rodrigues
@puffnigga
Jan 19 2016 00:35
thank you
mormanguy
@mormanguy
Jan 19 2016 00:36

<style>
<h2> {"color: blue;"> CatPhotoApp}</h2></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>

ericadams-di
@ericadams-di
Jan 19 2016 00:36
Hi all, anyone able to help with npm issue getting started on http://www.freecodecamp.com/challenges/store-data-in-mongodb?
Jason Lee
@JsonLitz
Jan 19 2016 00:36
@Takumar AWesome! Thank you for clearing that up
CamperBot
@camperbot
Jan 19 2016 00:36
jsonlitz sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 1786 | @takumar | http://www.freecodecamp.com/takumar
JJPata
@jjpata
Jan 19 2016 00:37

<script>
$(document).ready(function() {
$("#target1").addClass("animated shake")
$("#target1").addClass("btn-primary")
$(".btn").addClass("#")
$("button").addClass("#")

});
</script>

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>

mormanguy
@mormanguy
Jan 19 2016 00:37

<style>
<h2> {"color: blue;"> CatPhotoApp}</h2></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>

Manish Giri
@Manish-Giri
Jan 19 2016 00:37
@mormanguy you seem to have mixed up your html and css, it should be separated
<style>
h2{
color:blue;
}
</style>
<h2> 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>
JJPata
@jjpata
Jan 19 2016 00:38
@noczesc it wants me to "Only add one class with each of your three selectors."
Manish Giri
@Manish-Giri
Jan 19 2016 00:39
@jjpata why are you doing addClass(#)
Maciej Bembenista
@macbem
Jan 19 2016 00:39
you have to put an actual class inside the addClass() parentheses
read the task description carefully
JJPata
@jjpata
Jan 19 2016 00:40
@Manish-Giri just using "#" as a place holder.. the issue is "Only add one class with each of your three selectors." I guess i dont understand what they are asking
Maciej Bembenista
@macbem
Jan 19 2016 00:40
@jjpata link to the exercise?
ericadams-di
@ericadams-di
Jan 19 2016 00:40
Need help getting started with learnyoumongo npm installation. If Anyone has any idea about this, please see output here: http://pastebin.com/kDMfFSx8
Manish Giri
@Manish-Giri
Jan 19 2016 00:40
@jjpata you probably need to add animated bounce as the class inside addClass(), what class have they asked you to add?
JJPata
@jjpata
Jan 19 2016 00:42
<script>
$(document).ready(function() {
$("#target1").addClass("animated shake")
$("#target1").addClass("btn-primary")
$(".btn").addClass("animated bounce")
$("button").addClass("animated fadeout")

});
</script>
mormanguy
@mormanguy
Jan 19 2016 00:42

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

<h2>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> ya got it

JJPata
@jjpata
Jan 19 2016 00:42
still didnt work
Maciej Bembenista
@macbem
Jan 19 2016 00:42
@jjpata read the task description carefully
JJPata
@jjpata
Jan 19 2016 00:43
@noczesc ok, I will give it another read through.
Aleksander Gębicki
@Takumar
Jan 19 2016 00:45
@jjpata you are still adding more than one class
i.e. here: $("#target1").addClass("animated shake") you add animated and shake
Manish Giri
@Manish-Giri
Jan 19 2016 00:46
@mormanguy why did you add the </ after the closing </h2>
JJPata
@jjpata
Jan 19 2016 00:46
@noczesc thanks for making me read it again, i solved it!
CamperBot
@camperbot
Jan 19 2016 00:46
jjpata sends brownie points to @noczesc :sparkles: :thumbsup: :sparkles:
:star: 320 | @noczesc | http://www.freecodecamp.com/noczesc
JJPata
@jjpata
Jan 19 2016 00:47
@Manish-Giri thanks, i figured it out!
CamperBot
@camperbot
Jan 19 2016 00:47
jjpata sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 597 | @manish-giri | http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jan 19 2016 00:47
okay cool
Aleksander Gębicki
@Takumar
Jan 19 2016 00:47
@jjpata The idea is that element with class .btn is also button so it has classes added to button.
Element with id #target1 is also of class .btn so it has two previously added classes and you have to add only third class to it.
Maciej Bembenista
@macbem
Jan 19 2016 00:47
@jjpata congrats, keep up the good work!
JJPata
@jjpata
Jan 19 2016 00:48
@Takumar thanks, I was over thinking the request...they literally just wanted "animated", "shake" and "btn-primary" all separated.
CamperBot
@camperbot
Jan 19 2016 00:48
jjpata sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 1787 | @takumar | http://www.freecodecamp.com/takumar
mormanguy
@mormanguy
Jan 19 2016 00:49

<style>
.blue-text {
color: blue;
}
</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>

what do i change
anyone?
Eina
@thelittleblacksmith
Jan 19 2016 00:52
@mormanguy what's the challenge name?
Andrew Bales
@agbales
Jan 19 2016 00:52
@mormanguy It looks like your h2 is assigned a class of red-text. Is that what you want?
Your style is referencing a class of blue-text
mormanguy
@mormanguy
Jan 19 2016 00:53

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

<h2 class="blue-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>

use a css class to style an element
Andrew Bales
@agbales
Jan 19 2016 00:54
@mormanguy I notice that your blue-text class is assigning a color of red.
mormanguy
@mormanguy
Jan 19 2016 00:54
yes
why do i chang it
Andrew Bales
@agbales
Jan 19 2016 00:56
If you'd like your H2 to be blue, change the color property (the word "red" becomes "blue")
tommy
@tommygebru
Jan 19 2016 00:57
@HaroonGhawsi how are you doing?
mormanguy
@mormanguy
Jan 19 2016 00:57
it says my h2 element should be red
Andrew Bales
@agbales
Jan 19 2016 00:58
@mormanguy Could you tell me the name of the question you're working on?
mormanguy
@mormanguy
Jan 19 2016 00:59
your h2 element should be blue
or you stylesheet should declare a red-text class and have its color set red
Renee Matthews
@rym465
Jan 19 2016 01:02
Hello Everyone. My Waypoints are not updating properly. Im up to #114, but only 90 are in the list. How do I fix this? I recently switched from a Windows environment to a Linux environment - could that have anything to do with it?
Aleksander Gębicki
@Takumar
Jan 19 2016 01:03
@rym465 maybe you logged in a different way, on Windows with your e-mail, and on Linux with GitHub account?
Renee Matthews
@rym465
Jan 19 2016 01:06
I logged in with my Github for both WIndows and Linux
yoni chanowitz
@yonichanowitz
Jan 19 2016 01:07
@HaroonGhawsi , i made a private room, contact me there !
Haroon Ghawsi
@HaroonGhawsi
Jan 19 2016 01:07
@yonichanowitz What is the room name?
yoni chanowitz
@yonichanowitz
Jan 19 2016 01:08
@HaroonGhawsi , haroon
Haroon Ghawsi
@HaroonGhawsi
Jan 19 2016 01:08
@tommygebru I am still trying not able to resolve it
Brian
@sludge256
Jan 19 2016 01:10
@rym465 profiles are not updating properly
there is a fix on the way
Renee Matthews
@rym465
Jan 19 2016 01:10
@sludge256 - ok Thanks!
CamperBot
@camperbot
Jan 19 2016 01:10
rym465 sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 896 | @sludge256 | http://www.freecodecamp.com/sludge256
Eli Taliafero
@elitaliafero
Jan 19 2016 01:10
I'm stuck and unsure what to
oops....what to do
Andrew Bales
@agbales
Jan 19 2016 01:11
@elitaliafero What are you working on?
Eli Taliafero
@elitaliafero
Jan 19 2016 01:12
Stand in Line waypoint
I'm trying to post the code but my enter button won't let me submit
It just keeps going to the next line when I try to put my code in here and then I have to refresh the page to even chat again
I'll add it then edit the post
function queue(arr, item) {
  // Your code here

  return item;  // Change this line
}

// Test Setup
var testArr = [1,2,3,4,5];

// Display Code
console.log("Before: " + JSON.stringify(testArr));
console.log(queue(testArr, 6)); // Modify this line to test
console.log("After: " + JSON.stringify(testArr));
oh there we go
I don't understand what it's asking me for
"Write a function queue which takes an array (arr) and a number (item) as arguments. Add the number to the end of the array, then remove the first element of array. The queue function should then return the element that was removed"
Munish Tayal
@munishtayal
Jan 19 2016 01:17
@elitaliafero Basically you have to use shift and push functions to remove and insert the elements in array
@elitaliafero "push" will insert the element in end and shift will remove element form beginning
mormanguy
@mormanguy
Jan 19 2016 01:19
i need help

<style>
.red-text {
color: red;
}
</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 { front-size: 16px; } class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, sleep in the sink fluffy fur catnip scratched </p>

Makesi Hamilton
@kesi2k
Jan 19 2016 01:21
@mormanguy ..thats not a question though
mormanguy
@mormanguy
Jan 19 2016 01:22
how do i make the elements with the p tag front-size of 16 px
Makesi Hamilton
@kesi2k
Jan 19 2016 01:23
in style, you have to create a class for the p and then do the attribute font size
mormanguy
@mormanguy
Jan 19 2016 01:24
ok thanks
Makesi Hamilton
@kesi2k
Jan 19 2016 01:25
So p {font-size:16px;}
mormanguy
@mormanguy
Jan 19 2016 01:29

<style>
.red-text {
color: red;
}
</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 { front-size: 16px; } class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, sleep in the sink fluffy fur catnip scratched </p>
<p {front-size: 16px;}</p>

like this
Erin
@Black25225
Jan 19 2016 01:30
no, in the style tag
<style></style>
Alvaro Gomez
@alvaro911
Jan 19 2016 01:31
.red-text{}
Erin
@Black25225
Jan 19 2016 01:31

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

p {
font-size: 16px;
font-family: Monospace;
}
</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 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>

like this
i need help on import lobster font
Josue Escobar
@jees10
Jan 19 2016 01:35
only search in google lobster font and copy the link to the test
Jason Lee
@JsonLitz
Jan 19 2016 01:35
Hey guys, how do I utilize the style class I just created?
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>

  .gray-background {
    background-color: gray;
  }
  .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>

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

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<div>
  class= gray-background

  <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>
</div>

<form action="/submit-cat-photo">
NVM got it
Munish Tayal
@munishtayal
Jan 19 2016 01:37
@JsonLitz use class="class name" in any element
@JsonLitz like <div class = "gray-background" >
kaitgp
@kaitgp
Jan 19 2016 01:38
how do I give your h1 element the class of pink-text...this is what I have:

<style>
body {
background-color: black;
font-family: Monospace;
color: green;

.pink-text {
  color: pink;
}

}
</style>

<h1 styletype="pink-text"> Hello Wolrd!</h1>

Nikolajs Korolkovs
@NickEU
Jan 19 2016 01:39
the answer is literally in two previous messages lol
kaitgp
@kaitgp
Jan 19 2016 01:39
oh ok ty
Munish Tayal
@munishtayal
Jan 19 2016 01:40
@kaitgp you wrote .pink text inside body. Make it outside
@kaitgp body{}
.pink-text{}
@kaitgp but in your code
body{
.pink-text{}
}
you have written like this
and sorry for mmy bad english :smile:
kaitgp
@kaitgp
Jan 19 2016 01:42
no you're good - just trying to figure it out
Charlie
@charliechazz
Jan 19 2016 01:45
Help¡ how can I do this?
CamperBot
@camperbot
Jan 19 2016 01:45
no wiki entry for: how can i do this
Charlie
@charliechazz
Jan 19 2016 01:45

Size your Images

CSS has a property called width that controls an element's width. Just like with fonts, we'll use px (pixels) to specify the image's width.

For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use:

<style>
  .larger-image {
    width: 500px;
  }
</style>

Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.

Eina
@thelittleblacksmith
Jan 19 2016 01:46
@charliechazz did you add a class of larger-image to the correct HTML element?
Charlie
@charliechazz
Jan 19 2016 01:47

<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;
}

img src="https://bit.ly/fcc-relaxing-cat"
.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>

yes @thelittleblacksmith
B. Garber
@TheBGar
Jan 19 2016 01:47
@charliechazz you'll need to "create" your class in your html and then make a style in your css with .class { }
Eina
@thelittleblacksmith
Jan 19 2016 01:48
@charliechazz you also need to remove that img src line inside your <style> since that's HTML not CSS
Charlie
@charliechazz
Jan 19 2016 01:48
like these?

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

img src="https://bit.ly/fcc-relaxing-cat"
.smaller-image {
width: 100px;
}
</style>

@TheBGar
B. Garber
@TheBGar
Jan 19 2016 01:49
@charliechazz when you create a class like this <p class="newClass"> you would style that class in your css like this:
.newClass {
  color: green;
  font-weight: bold;
}
Sam Bolton
@SamuelBolton
Jan 19 2016 01:50
A little confused why this isn't working..doesnt recognize the "pink text" or them together but still changed the h1 appearance.

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
</style>

<h1 class="blue-text" "pink-text">Hello World!</h1>

B. Garber
@TheBGar
Jan 19 2016 01:51
@charliechazz so just make sure the class in your html corresponds to the same class in CSS. And make sure you know the difference between identifying classes and IDs in CSS (i.e., a period vs a pound sign)
Eina
@thelittleblacksmith
Jan 19 2016 01:51
@SamuelBolton oops didn't read that compeletely, blue text and pink text should be within the same quotes
Charlie
@charliechazz
Jan 19 2016 01:51
thank you @TheBGar
CamperBot
@camperbot
Jan 19 2016 01:51
charliechazz sends brownie points to @thebgar :sparkles: :thumbsup: :sparkles:
:star: 241 | @thebgar | http://www.freecodecamp.com/thebgar
B. Garber
@TheBGar
Jan 19 2016 01:51
@charliechazz does that make sense?
Charlie
@charliechazz
Jan 19 2016 01:51
a litle but I understand
thank you
B. Garber
@TheBGar
Jan 19 2016 01:52
@charliechazz ok. Good. Ask again or for further clarification if needed!
Charlie
@charliechazz
Jan 19 2016 01:52
thank you
Sam Bolton
@SamuelBolton
Jan 19 2016 01:52
@thelittleblacksmith ah knew it was something silly. thank you sir
CamperBot
@camperbot
Jan 19 2016 01:52
samuelbolton sends brownie points to @thelittleblacksmith :sparkles: :thumbsup: :sparkles:
:star: 305 | @thelittleblacksmith | http://www.freecodecamp.com/thelittleblacksmith
Matt Leonard
@matty22
Jan 19 2016 02:08
Getting a weird console error and console.log() and alert() no longer work?
mutating the [[Prototype]] of an object will cause your code to run very slowly; instead create the object with the correct initial [[Prototype]] value using Object.create
The catch is that there aren't any objects in my code
DJ
@qualitymanifest
Jan 19 2016 02:11
@matty22 post your code?
Matt Leonard
@matty22
Jan 19 2016 02:12
function fearNotLetter(str) {

  var letterArray = str.split("");                    
  var unicodeArray = [];                               

  for (var i = 0; i < letterArray.length; i++) {
    unicodeArray.push(str.charCodeAt(i));             
  }

  var wordIsTheSame;
  for (var j = 0; j < letterArray.length; j++) {
      if (unicodeArray[j + 1] == unicodeArray[j] + 1) {
      wordIsTheSame = true;

    } else {
      return String.fromCharCode(unicodeArray[j] + 1);
    }
  }

  unicodeArray.pop();

  var answerStr = "";
  for (var k = 0; k < unicodeArray.length; k++) {
    answerStr = answerStr + String.fromCharCode(unicodeArray[k]);
    console.log(answerStr);
  }

  console.log(wordIsTheSame);
  if (wordIsTheSame) {
    return undefined;
  } else {
    return answerStr;
  }
}

fearNotLetter("bcd");
Melissa Eaton
@meaton3
Jan 19 2016 02:13
So, I have a feeling that there is a very obvious answer to this question, but I can
Matt Leonard
@matty22
Jan 19 2016 02:14
Those two console.log(); lines do nothing in the console.
Melissa Eaton
@meaton3
Jan 19 2016 02:14
*So, I have a feeling that there is a very obvious answer to this question, but I can't find any documentation that explains this. I'm trying to use Highcharts to complete my stock market project, but for some reason the graph will only show Google, Apple, or Microsoft stocks and nothing else. I don't know if this is because I'm just the free version or what...
DJ
@qualitymanifest
Jan 19 2016 02:15
@matty22 the reason the console.log's dont show up is probaby because of your return on line 16
@matty22 i'm not getting that console error though...
Matt Leonard
@matty22
Jan 19 2016 02:16
Hmm...let me try closing Firefox and starting in a new window. BRB
DJ
@qualitymanifest
Jan 19 2016 02:16
@matty22 yeah it's definitely because of your return on line 16
Matt Leonard
@matty22
Jan 19 2016 02:18
Well, here's the thing. That return is only being called if the letters of the argument are non-sequential. So in this case "bcd", that return shouldn't even get called?
Oh, wait. it's looping once too many times
Cause right now it's returning 'e'
DJ
@qualitymanifest
Jan 19 2016 02:19
@matty22 yeah https://repl.it/Beqg
Matt Leonard
@matty22
Jan 19 2016 02:19
Haha....So I made one change
and it passed
Just added for (var j = 0; j < letterArray.length - 1; j++) the - 1 to this loop condition on line 12 and the challenge passed.
Thanks @qualitymanifest !
CamperBot
@camperbot
Jan 19 2016 02:20
matty22 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 810 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Daniel Starr
@dstarr1492
Jan 19 2016 02:23
function titleCase(str) {

str = str.split(" ");

  for (var i = 0; i < str.length; i++){

 str[i][0] =  str[i][0].toUpperCase();
  }


  return str;
}

titleCase("I'm a little tea pot");
it keeps saying I cant assign this while in strict mode
Renee Matthews
@rym465
Jan 19 2016 02:25
@sludge256 - The issue with the profile updates seems to have been fixed. Not sure if you had something to do with that, but if you did, Thanks a mil!
CamperBot
@camperbot
Jan 19 2016 02:25
rym465 sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 898 | @sludge256 | http://www.freecodecamp.com/sludge256
Brian
@sludge256
Jan 19 2016 02:26
@rym465 Fix went live about 15 minutes ago. I took no part in the change :P
Josue Escobar
@jees10
Jan 19 2016 02:32
help me with this nest your text input element within a form element
CamperBot
@camperbot
Jan 19 2016 02:32
no wiki entry for: me with this nest your text input element within a form element
Munish Tayal
@munishtayal
Jan 19 2016 02:33
@jees10 <form><input></form>
Josue Escobar
@jees10
Jan 19 2016 02:34
tanks
mhunter11
@mhunter11
Jan 19 2016 02:53

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="col-xs-6">

</div>
</div>

</div>
</div>

I'm a bit confused as to why this code isn't working for "Split your Bootstrap Row"
Devon Brown
@Token95
Jan 19 2016 02:58
I am having trouble getting all the p elements to 16px
cannelflow
@cannelflow
Jan 19 2016 02:58
@mhunter11 close your div like ```
<div class="col-xs-6"></div>
<div class="col-xs-6"></div>
inside class row itself
Manish Giri
@Manish-Giri
Jan 19 2016 02:59
@Token95 show your code
Devon Brown
@Token95
Jan 19 2016 02:59

<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 class="red-text">Purr jump eat.</p>

Manish Giri
@Manish-Giri
Jan 19 2016 03:00
@Token95 you have capital P inside <style>..</style>
@Token95 it should be lowercase p
cannelflow
@cannelflow
Jan 19 2016 03:01
@Token95 it should be p not P(capital) in style
@cannelflow ?
@mhunter11 ?
Devon Brown
@Token95
Jan 19 2016 03:05
thanks you
Alexis Reina
@alexisreina
Jan 19 2016 03:08
This message was deleted
Devon Brown
@Token95
Jan 19 2016 03:10

<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 class="red-text">Purr jump eat.</p>

this code is not being accepted I cant seem to find a problem with it?
cannelflow
@cannelflow
Jan 19 2016 03:10
@Token95 which ex ? refresh the page and try again
Devon Brown
@Token95
Jan 19 2016 03:11
okay
Benjamin Brown
@BenBrown03
Jan 19 2016 03:11
i think it might be your p...it looks like its missing a bracket
oh never mind i read it wierd
i can't figure out how to give my div elements a gray background
i mean it does but i coded it wrong somehow
cannelflow
@cannelflow
Jan 19 2016 03:14
@Token95 if some one is following your problem always mention their name its easier to follow
Benjamin Brown
@BenBrown03
Jan 19 2016 03:14
anyone know what I'm talking about and can healp
cannelflow
@cannelflow
Jan 19 2016 03:14
@BenBrown03 can you show your code here
@Token95 you can use code formatting
Benjamin Brown
@BenBrown03
Jan 19 2016 03:14

div {

background-color: gray;

}

cannelflow
@cannelflow
Jan 19 2016 03:14
@BenBrown03 whole code
Benjamin Brown
@BenBrown03
Jan 19 2016 03:15
its a lot
<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;
}

div {

background-color: gray;
}
</style>
I'm suppose to give my div elements a gray-background
cannelflow
@cannelflow
Jan 19 2016 03:16
and your html's
JSampaioL
@JSampaioL
Jan 19 2016 03:16
@BenBrown03 you can format your code, makes it easier to read
explain formatting
CamperBot
@camperbot
Jan 19 2016 03:16

:point_right: code formatting [wiki]

Inline code

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

Code Block

```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 ⏎]

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

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

cannelflow
@cannelflow
Jan 19 2016 03:16
which ex?
Benjamin Brown
@BenBrown03
Jan 19 2016 03:17
42
cannelflow
@cannelflow
Jan 19 2016 03:17
@BenBrown03 name is a good practise
rest of code?
Benjamin Brown
@BenBrown03
Jan 19 2016 03:19

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

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

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<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>
</div>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

cannelflow
@cannelflow
Jan 19 2016 03:20
@BenBrown03 which ex?
Benjamin Brown
@BenBrown03
Jan 19 2016 03:20
42
Devon Brown
@Token95
Jan 19 2016 03:20
@cannelflow thank you I just changed my browser and my code worked
CamperBot
@camperbot
Jan 19 2016 03:20
token95 sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 436 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Jan 19 2016 03:21
@BenBrown03 it's difficult to find you say ex 42 you can tell us name also
@Token95 :+1:
This message was deleted
Benjamin Brown
@BenBrown03
Jan 19 2016 03:23
haha, I'm sorry for being a pain right now, this is the first time I've actually asked for help
cannelflow
@cannelflow
Jan 19 2016 03:25
@cannelflow but you can tell ex name ?
explain formatting
CamperBot
@camperbot
Jan 19 2016 03:25

:point_right: code formatting [wiki]

Inline code

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

Code Block

```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 ⏎]

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

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

cannelflow
@cannelflow
Jan 19 2016 03:26
@BenBrown03 but you can tell ex name ? above is how you can formate code
Benjamin Brown
@BenBrown03
Jan 19 2016 03:27
well...
i figured it out
i forgot to put the class within the div i.e. <div class="gray-background">
but i do appreciate the effort and sorry for the lack of info to help...maybe next time :)
tommy
@tommygebru
Jan 19 2016 03:36
@BenBrown03 :+1:
Lux3
@Lux3
Jan 19 2016 03:37
I need help with "stand in line"
Eli Taliafero
@elitaliafero
Jan 19 2016 03:38
thank you @munishtayal
CamperBot
@camperbot
Jan 19 2016 03:38
elitaliafero sends brownie points to @munishtayal :sparkles: :thumbsup: :sparkles:
:star: 265 | @munishtayal | http://www.freecodecamp.com/munishtayal
Eli Taliafero
@elitaliafero
Jan 19 2016 03:40
@Lux3 that's the one I got stuck on earlier. took a break and now im about to try and figure it out
did you get it yet?
Lux3
@Lux3
Jan 19 2016 03:40
No but I took a while off form coding and forgot a lot of things XD
@elitaliafero if I figure it out I will let you know.
Eli Taliafero
@elitaliafero
Jan 19 2016 03:43
a hint someone gave me earlier is to use the shift and push functions
Lux3
@Lux3
Jan 19 2016 03:43
yep
I think that is the solution
Bon
@OriBon
Jan 19 2016 03:43
It is.
Lux3
@Lux3
Jan 19 2016 03:45
arr.push(item);
  var myArr = arr.shift();
  return myArr;
works.
pushes the new item to end of array
shift will drop out the first item in array, then we return it.
Bon
@OriBon
Jan 19 2016 03:46
you can also combine the shift and return into one line. return arr.shift();
Lux3
@Lux3
Jan 19 2016 03:47
Nice, that is cleaner.
Katnip
@katpham23
Jan 19 2016 03:48
http://www.freecodecamp.com/challenges/create-a-set-of-radio-buttons#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20{%0A%20%20%20%20color%3A%20red%3B%0A%20%20}%0A%0A%20%20h2%20{%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20}%0A%0A%20%20p%20{%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20}%0A%0A%20%20.thick-green-border%20{%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20}%0A%0A%20%20.smaller-image%20{%0A%20%20%20%20width%3A%20100px%3B%0A%20%20}%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A%3Clabel%3E%0A%20%20%3Cinput%20name%3D%22indoor-outdoor%22%20type%3D%22radio%22%20%3E%20Indoor%0A%20%20%3Cinput%20name%3D%22indoor-outdoor%22%20type%3D%22radio%22%20%3E%20Outdoor%0A%3C%2Flabel%3E
what am i doing wrong?
Lux3
@Lux3
Jan 19 2016 03:48
not using bit.ly to paste links?
Josue Escobar
@jees10
Jan 19 2016 03:49
help me with Give your form element the id of cat-photo-form
CamperBot
@camperbot
Jan 19 2016 03:49
no wiki entry for: me with give your form element the id of cat-photo-form
Lux3
@Lux3
Jan 19 2016 03:50
You should paste the code with ` instead of a link to the challenge.
I think that will just bring up our own solutions.
Bon
@OriBon
Jan 19 2016 03:51
@katpham23 Put each of the radio buttons inside it's own <label> tag. Right now you have both buttons inside of one tag.
cannelflow
@cannelflow
Jan 19 2016 03:56
@katpham23 input button needs their own <label> tag
@jees10 <form id="xyz"></form>
scgordo
@scgordo
Jan 19 2016 03:58
function largestOfFour(arr) {
  var bigArr = [];
  for (var i=0; i<arr.length; i++) {
    var subArr = arr[i];
    subArr = subArr.sort();
    bigArr.push(subArr[3]);
  }
  return bigArr;
}

largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
Can anyone help? Looks like I push the largest for the first 3 arrays, but the final array is pushing 857
JSampaioL
@JSampaioL
Jan 19 2016 04:01
@scgordo sort() transforms things into strings and then sorts alphabetically
so "1000" is smaller than "857", because 1 < 8
scgordo
@scgordo
Jan 19 2016 04:01
well that explains the structure of that test, then ;)
JSampaioL
@JSampaioL
Jan 19 2016 04:02
indeed :D you'll have to provide sort with a compare function subArr.sort(function(a, b){...})
scgordo
@scgordo
Jan 19 2016 04:03
Just got it! thanks @JSampaioL
CamperBot
@camperbot
Jan 19 2016 04:03
scgordo sends brownie points to @jsampaiol :sparkles: :thumbsup: :sparkles:
:star: 274 | @jsampaiol | http://www.freecodecamp.com/jsampaiol
JSampaioL
@JSampaioL
Jan 19 2016 04:03
@scgordo glad to help
scgordo
@scgordo
Jan 19 2016 04:03
so silly. I just learned compare functions with a bonfire I did a couple days ago
goes to show I should be coding every day
Jason Lee
@JsonLitz
Jan 19 2016 04:26
Anyone have any tips or suggestions on how to utilize Codecamp challenges?
I've just been going through them, and while it is very straightforward there seems to be very little reinforcement of the concepts. Is there a method that is best for this?
Makesi Hamilton
@kesi2k
Jan 19 2016 04:40
@JsonLitz The further you go youll see that youve got to start recalling concepts that wont be just there for you to copy and paste
Rae
@cs-knight
Jan 19 2016 04:52
trying to create a boostrap button

  <btn class="Like"></btn>
Nick Robson
@nickrobson
Jan 19 2016 04:53
@csrae
<button class="btn">Like</button>
Rae
@cs-knight
Jan 19 2016 04:54
@nickrobson thanks
CamperBot
@camperbot
Jan 19 2016 04:54
csrae sends brownie points to @nickrobson :sparkles: :thumbsup: :sparkles:
:star: 337 | @nickrobson | http://www.freecodecamp.com/nickrobson
Nick Robson
@nickrobson
Jan 19 2016 04:55
@csrae np
Pranav Doshi
@pranavdoshi
Jan 19 2016 04:56
I have a problem in my code achieving animating effect of colour change

``

<html>
<head>
<title></title>
<style>
ul{width:300px;height:250px;}
ul li{height:30px;background:#000;list-style-type: none;margin-bottom:10px;}
.hover{background:#ff0000;}
</style>
</head>
<body>
<ul id="ul">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script>
function start(){
var arr = document.getElementById("ul").getElementsByTagName("li");
for(var i = 0;i<arr.length;i++) { if(arr[i].className == "") { arr[i].className = "hover"; arr[i].className = ''; } } } window.onload = setInterval(start,2000); </script>
</body>
</html>

<html>
<head>
  <title></title>
  <style>
  ul{width:300px;height:250px;}
  ul li{height:30px;background:#000;list-style-type: none;margin-bottom:10px;}
  .hover{background:#ff0000;}
  </style>
</head>
<body>
<ul id="ul">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<script>
function start(){
  var arr = document.getElementById("ul").getElementsByTagName("li");
  for(var i = 0;i<arr.length;i++)
  {

    if(arr[i].className == "")
    {  

      arr[i].className = "hover";
      arr[i].className = '';
    }  
  }
}
window.onload = setInterval(start,2000);
</script>    
</body>
</html>
trying to change the color of every li from black to red
so first li will get red color on loading after sometime
den first will change to black
plzz tell me wer i am going wrong .
Rae
@cs-knight
Jan 19 2016 04:59
  <button class="btn-block">Like</button>
Pranav Doshi
@pranavdoshi
Jan 19 2016 04:59
<html>
<head>
  <title></title>
  <style>
  ul{width:300px;height:250px;}
  ul li{height:30px;background:#000;list-style-type: none;margin-bottom:10px;}
  .hover{background:#ff0000;}
  </style>
</head>
<body>
<ul id="ul">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<script>
function start(){
  var arr = document.getElementById("ul").getElementsByTagName("li");
  for(var i = 0;i<arr.length;i++)
  {

    if(arr[i].className == "")
    {  

      arr[i].className = "hover";
      arr[i].className = '';
    }  
  }
}
window.onload = setInterval(start,2000);
</script>    
</body>
</html>
Will G
@willgorham
Jan 19 2016 05:03
@pranavdoshi in your 'for' loop you're changing the class name to 'hover' and then immediately changing it back to blank
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:04
@willgorham i want a way in that loop gives li element class hover after 2 sec time den previous element gets class null and next element gets a class of hover
Rae
@cs-knight
Jan 19 2016 05:07
I think it still has the class btn
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:07
???
Rae
@cs-knight
Jan 19 2016 05:07
  <button class="btn-block">Like</button>
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:07
??
Will G
@willgorham
Jan 19 2016 05:08
@csrae you need both btn and btn-block to make Bootstrap buttons work
@pranavdoshi try using setTimeout inside your loop, if you want a delay between each element changing. The setInterval will only delay the loop from starting, but not between iterations
Rae
@cs-knight
Jan 19 2016 05:10
like this ?
  <button class=".btn.btn-block">Like</button>
Kyle Roach
@iRoachie
Jan 19 2016 05:10
@csrae remove the dots, just leave spaces
Rae
@cs-knight
Jan 19 2016 05:11
@iRoachie thanks
CamperBot
@camperbot
Jan 19 2016 05:11
csrae sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:star: 323 | @iroachie | http://www.freecodecamp.com/iroachie
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:11
@willgorham how shud i use
Hari Prasath Sankaran
@sharipsg
Jan 19 2016 05:14
I could not scroll down in the challenge page. Help please
cannelflow
@cannelflow
Jan 19 2016 05:17
@sharipsg go to http://www.freecodecamp.com/map below the Challenge Map use collapse all then go to appropriate section
Hari Prasath Sankaran
@sharipsg
Jan 19 2016 05:17
Got it @cannelflow :smile:
Elias Cohen
@Ecohenl
Jan 19 2016 05:18

Hi I have this code:```html

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-test{
color: pink;
}
</style>

<h1 class="pink-test">Hello World!</h1>
```

CamperBot
@camperbot
Jan 19 2016 05:18

welcome to FreeCodeCamp @Ecohenl!

Pranav Doshi
@pranavdoshi
Jan 19 2016 05:18
can some one help me plzzz asap
cannelflow
@cannelflow
Jan 19 2016 05:18
@Ecohenl what is the problem
Kyle Roach
@iRoachie
Jan 19 2016 05:19
@pranavdoshi Whats up?
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:20
dude can u help me @iRoachie
Kyle Roach
@iRoachie
Jan 19 2016 05:21
@pranavdoshi what’s the problem
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:21
i am trying to achieve effect of colour change between 4 list items from balck to red
<html> <head> <title></title> <style>
  ul{width:300px;height:250px;}
  ul li{height:30px;background:#000;list-style-type: none;margin-bottom:10px;}
  .hover{background:#ff0000;}
  </style> </head> <body> <ul id="ul"> <li></li> <li></li> <li></li> <li></li> </ul> <script>
function start(){
  var arr = document.getElementById("ul").getElementsByTagName("li");
  for(var i = 0;i<arr.length;i++)
  {

    if(arr[i].className == "")
    {  

      arr[i].className = "hover";
      arr[i].className = '';
    }  
  }
}
window.onload = setInterval(start,2000);
</script> </body> </html>
Elias Cohen
@Ecohenl
Jan 19 2016 05:21
its telling me that the h1 element does not have the class pink-text, So what does it mean for an element to have a class
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:22
first will get red color within 2 sec den next element will get red previous one will become black dis will continue once page is loaded.
@iRoachie
cannelflow
@cannelflow
Jan 19 2016 05:23
@Ecohenl it means simply giving tag class like <h2 class="pink-text"></h2> you have a typo there you wrote test not text
@Ecohenl while someone asked whats the prob its btr to mention their id by @ so they can get notification
Kyle Roach
@iRoachie
Jan 19 2016 05:26
@pranavdoshi can you do up a codepen?
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:27
okay wait
@iRoachie
anyone is welcome to help
Elias Cohen
@Ecohenl
Jan 19 2016 05:29
@cannelflow thanks a lot, the problem was that I defined the class by another name.
CamperBot
@camperbot
Jan 19 2016 05:29
ecohenl sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 438 | @cannelflow | http://www.freecodecamp.com/cannelflow
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:31
How do I check if a number is in a range?
I want to check if the number is between 65 and 100 inclusive
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:31
use if else loop @CodingDucky
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:32
I know how to use an if else loop, but how does that check if a number is in a range?
DJ
@qualitymanifest
Jan 19 2016 05:32
loop over number range
if iterator === number you're looking for
return true
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:32
oh
thanks @qualitymanifest
CamperBot
@camperbot
Jan 19 2016 05:33
codingducky sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 812 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:33
thanks @pranavdoshi
CamperBot
@camperbot
Jan 19 2016 05:33
codingducky sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 289 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:33
:)
np
@iRoachie u der??
Will G
@willgorham
Jan 19 2016 05:34
@CodingDucky you could also just use a conditional. E.g.
if (x >= 65 && x <= 100) { }
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:36
@qualitymanifest plzz help and go thru my pen above and @iRoachie
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:37
That seems a hell of a lot easier
DJ
@qualitymanifest
Jan 19 2016 05:37
@willgorham oh duh (facepalm)
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:37
thanks @willgorham
CamperBot
@camperbot
Jan 19 2016 05:37
codingducky sends brownie points to @willgorham :sparkles: :thumbsup: :sparkles:
:star: 244 | @willgorham | http://www.freecodecamp.com/willgorham
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:37
What's the char code for a spacebar?
EvilAndrew
@EvilAndrew
Jan 19 2016 05:38
You should use the .parent() function to modify this element. What does it mean?
Hector Garcia
@augmt
Jan 19 2016 05:38
@CodingDucky do you mean this? http://ascii.cl/
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:38
@augmt yep
thanks
thanks @augmt
CamperBot
@camperbot
Jan 19 2016 05:38
codingducky sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:star: 317 | @augmt | http://www.freecodecamp.com/augmt
DJ
@qualitymanifest
Jan 19 2016 05:39
@pranavdoshi have you done the pomodoro clock challenge?
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:39
nope y
@qualitymanifest
dis a some other doubt outside fcc
DJ
@qualitymanifest
Jan 19 2016 05:40
@pranavdoshi well it's relevant here. you'll have to learn how to use setInterval or setTimeout properly.
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:40
still for this plzzz help
u understood wat o/p i bwant???
@qualitymanifest
DJ
@qualitymanifest
Jan 19 2016 05:41
@pranavdoshi for loops run very quickly. so even if your code did work, everything would get the "hover" class at almost the same time
and it would only happen once, since the for loop only happens once
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:42
so wat shud i do
DJ
@qualitymanifest
Jan 19 2016 05:43
learn how to use setInterval.
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:44
already some info i have
DJ
@qualitymanifest
Jan 19 2016 05:44
@pranavdoshi is this a school project that's due tomorrow or something?
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:44
yep some wat
Maulik Darji
@maulikdarji
Jan 19 2016 05:48
@pranavdoshi What do you want to do with it?
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:49
did u saw the pen?
@maulikdarji
??
Maulik Darji
@maulikdarji
Jan 19 2016 05:49
yes
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:50
so i want a colour change effect which will start after two second from first li to last and den again and again
from black to red to black to red
like dat
so classname will change to null to hover den again to null
but at a time single li should change colour
like a sequence it will work .
@maulikdarji did u get it??
Maulik Darji
@maulikdarji
Jan 19 2016 05:51
somewhat
:smile:
sanwalatta
@sanwalatta
Jan 19 2016 05:53
how can degrade font Monospace when Lobster is not available in h2 element
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:54
2.png
one.png
Luis Felipe López G.
@luishendrix92
Jan 19 2016 05:54
@sanwalatta font-family: 'Lobster', monospace;
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:54
guys like dis effect
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:55
@maulikdarji @qualitymanifest @iRoachie
the images are one after two
how we get the effect of hover
dis will be automatic
Patrick
@Arctos-Neofelis
Jan 19 2016 05:56
Does it matter where I put the smaller-image class?
<style>
  .red-text {
    color: red;
      }

  .smaller-image {
    width: 100px;
  }  

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

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

<img src="https://bit.ly/fcc-relaxing-cat">
This does not seem like the right answer.
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:57
Check it in your challenge module
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:57
guys any message plzz pm me
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:57
And no it does not matter
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:58
@maulikdarji @qualitymanifest @iRoachie
Will G
@willgorham
Jan 19 2016 05:58
@Arctos-Neofelis if I remember correctly, you have to add the class to the image as well. But no, it doesn't matter in the <style> tags
Pranav Doshi
@pranavdoshi
Jan 19 2016 05:58
pm me after dis
will not be on line.
Patrick
@Arctos-Neofelis
Jan 19 2016 05:58
I check it an dit is not right.
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:58
function rot13(str) { // LBH QVQ VG!
  var newStr = '';
  for (var i = 0; i < str.length; i++) {
    if (str.charCodeAt(i) == 32) {
      newStr += ' ';
      }
    if (str.charCodeAt(i) - 13 <= 100 && str.charCodeAt(i) - 13 >= 65) {
      newStr += String.fromCharCode(str.charCodeAt(i) - 13);
    }

  }
  return newStr;
}
// Change the inputs below to test
rot13("SERR PBQR PNZC");

Task:

One of the simplest and most widely known ciphers is a Caesar cipher, also known as a shift cipher. In a shift cipher the meanings of the letters are shifted by some set amount.

A common modern use is the ROT13 cipher, where the values of the letters are shifted by 13 places. Thus 'A' ↔ 'N', 'B' ↔ 'O' and so on.

Write a function which takes a ROT13 encoded string as input and returns a decoded string.

All letters will be uppercase. Do not transform any non-alphabetic character (i.e. spaces, punctuation), but do pass them on.

Patrick
@Arctos-Neofelis
Jan 19 2016 05:58
err and it
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:58
what error?
Patrick
@Arctos-Neofelis
Jan 19 2016 05:59
no error, just does not allow me to move forward.
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 05:59
Which one of your checkboxes isn't ticked?
Patrick
@Arctos-Neofelis
Jan 19 2016 05:59
Both. Your img element should have the class smaller-image. Your image should be 100 pixels wide.
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:00
Well first of all your img element doesn't have the class
so put the class in there with class="putyourclasshere" in the opening tag
Will G
@willgorham
Jan 19 2016 06:01
@Arctos-Neofelis add the smaller-image class to the img tag just like you have red-text in the h2 tag
cannelflow
@cannelflow
Jan 19 2016 06:01
trying to add js cdn on codepen seems it is not saving any help
DJ
@qualitymanifest
Jan 19 2016 06:02
@pranavdoshi these help rooms are to help people find errors in their free code camp code. not to be their free personal university tutor. and it's not okay to tag people 5 times in a row like that. that said. you're using setInterval just plain wrong. you're doing this https://repl.it/Besa but you need to be doing something more like this https://repl.it/Besb
Patrick
@Arctos-Neofelis
Jan 19 2016 06:02
OK, thank you. will give it a go.
Roman
@soleynik
Jan 19 2016 06:07
it is going to be the same function , but with + sign: str.charCodeAt(i) + 13
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:10
function rot13(str) { // LBH QVQ VG!
  var newStr = '';
  for (var i = 0; i < str.length; i++) {
    if (str.charCodeAt(i) == 32) {
      newStr += ' ';
      }
    if (str.charCodeAt(i) - 13 <= 100 && str.charCodeAt(i) - 13 >= 65) {
      newStr += String.fromCharCode(str.charCodeAt(i) - 13);
    }

  }
  return newStr;
}
// Change the inputs below to test
rot13("SERR PBQR PNZC");

Task:

One of the simplest and most widely known ciphers is a Caesar cipher, also known as a shift cipher. In a shift cipher the meanings of the letters are shifted by some set amount.

A common modern use is the ROT13 cipher, where the values of the letters are shifted by 13 places. Thus 'A' ↔ 'N', 'B' ↔ 'O' and so on.

Write a function which takes a ROT13 encoded string as input and returns a decoded string.

All letters will be uppercase. Do not transform any non-alphabetic character (i.e. spaces, punctuation), but do pass them on.

The way I have it now, it converts only elements, that once converted, will be letters, and leaves spaces alone. First of all, how do I make the code 'loop around' for letters? It's pretty straightforward to include them in the final string, but they would look weird. Like if I wanted to use rot13('A'), it wouldn't turn into M like it's supposed to, it would turn into whatever is at the ASCII code 42, which is probably some obscure symbol. So how do I make it 'loop around'? And how do I make it leave punctuation alone?

@soleynik are you talking to me?
Patrick
@Arctos-Neofelis
Jan 19 2016 06:11
Thank you @CodingDucky and @willgorham for the assistance.
CamperBot
@camperbot
Jan 19 2016 06:11
arctos-neofelis sends brownie points to @codingducky and @willgorham :sparkles: :thumbsup: :sparkles:
:star: 267 | @codingducky | http://www.freecodecamp.com/codingducky
:star: 261 | @willgorham | http://www.freecodecamp.com/willgorham
Will G
@willgorham
Jan 19 2016 06:11
@Arctos-Neofelis no worries :+1:
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:12
@soleynik thanks
CamperBot
@camperbot
Jan 19 2016 06:12
codingducky sends brownie points to @soleynik :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for soleynik
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:15
@soleynik apparently you do not exist
Roman
@soleynik
Jan 19 2016 06:15
I think you do not have to loop it
@CodingDucky I think you do not have to loop it
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:18
Nah I fixed the issue.
I have new issues now though
cannelflow
@cannelflow
Jan 19 2016 06:18
@maulikdarji tried cloning w3school example http://codepen.io/cannelflow/full/KVyvLL/ but scrollspy is not working tough it is working on my ide any idea
DJ
@qualitymanifest
Jan 19 2016 06:19
@cannelflow wait didn't we talk about this yesterday? bootstrap.js isn't loaded into your JS
Maulik Darji
@maulikdarji
Jan 19 2016 06:21
@cannelflow yes, just add bootstrap.js in Javascript from codepen settings
DJ
@qualitymanifest
Jan 19 2016 06:21
Selection_095.png
once you add it in it works. see how "portfolio" is highlighted
Chris Moore
@dooglus
Jan 19 2016 06:24
hi guys. I'm getting confused in the jQuery lesson. can someone help please?
DJ
@qualitymanifest
Jan 19 2016 06:24
@dooglus post your code
Chris Moore
@dooglus
Jan 19 2016 06:24
it says "Note that jQuery is zero-indexed", but in the previous lesson I selected the 2nd elements using ".target:nth-child(2)"
cannelflow
@cannelflow
Jan 19 2016 06:24
@qualitymanifest eventully i had added //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js by mistake now corrected if thank you both @maulikdarji
CamperBot
@camperbot
Jan 19 2016 06:24
cannelflow sends brownie points to @qualitymanifest and @maulikdarji :sparkles: :thumbsup: :sparkles:
:star: 813 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
:star: 419 | @maulikdarji | http://www.freecodecamp.com/maulikdarji
Chris Moore
@dooglus
Jan 19 2016 06:25
if it's zero-indexed, shouldn't that have selected the third elements?
DJ
@qualitymanifest
Jan 19 2016 06:25

@dooglus
https://api.jquery.com/nth-child-selector/

Because jQuery's implementation of :nth- selectors is strictly derived from the CSS specification, the value of n is "1-indexed", meaning that the counting starts at 1. For other selector expressions such as :eq() or :even jQuery follows JavaScript's "0-indexed" counting.

Chris Moore
@dooglus
Jan 19 2016 06:25
@qualitymanifest I'm not having trouble doing the lesson. I'm having trouble with the text
cannelflow
@cannelflow
Jan 19 2016 06:26
@qualitymanifest @maulikdarji it is now working for editors view not for full pAGE
DJ
@qualitymanifest
Jan 19 2016 06:26
@cannelflow are you absolutely positive you hit save?
Chris Moore
@dooglus
Jan 19 2016 06:26
@qualitymanifest thanks. that explains it. it would be useful if the lesson explained this apparent contradiction
CamperBot
@camperbot
Jan 19 2016 06:26
dooglus sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 814 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Brian Daub
@briandaub
Jan 19 2016 06:27
Anyone good at design in here?
DJ
@qualitymanifest
Jan 19 2016 06:27
@dooglus most parts of js and jquery are zero-indexed. there are a few that aren't, such as nth-child, and .length
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:28
function rot13(str) { // LBH QVQ VG!
  var newStr = '';
  for (var i = 0; i < str.length; i++) {
    if (str.charCodeAt(i) >= 32 && str.charCodeAt(i) <= 47) {
      newStr += String.fromCharCode(str.charCodeAt(i));
    }
    if (str.charCodeAt(i) - 13 <= 100 && str.charCodeAt(i) - 13 >= 65) {
      newStr += String.fromCharCode(str.charCodeAt(i) - 13);
    }
    if (str.charCodeAt(i) - 13 > 100 || str.charCodeAt(i) - 13 < 65) {
      newStr += String.fromCharCode(str.charCodeAt(i) + 13);
    }

  }
  return newStr;
}
// Change the inputs below to test
rot13("SERR PBQR PNZC");

rot13("SERR PBQR PNZC"); evaluates to "FREE -CODE -CAMP"

why are there dashes in it? someone said something about 'playing with ASCII', but is there a way to get rid of them?

cannelflow
@cannelflow
Jan 19 2016 06:30
@qualitymanifest YES i went to codepen homepage then My Recent Pens opened my pen editors view is opened and it has working scroll spy then i went to full page view scrollspy not working http://codepen.io/cannelflow/full/KVyvLL/ @maulikdarji
Chris Moore
@dooglus
Jan 19 2016 06:30
@CodingDucky you're processing some characters multiple times
note how your output is longer than your input
DJ
@qualitymanifest
Jan 19 2016 06:31
@cannelflow idk don't worry about it then just use debug mode http://s.codepen.io/cannelflow/debug/KVyvLL
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:31
@dooglus I notice that.
@dooglus I'm asking where I've processed twice
@dooglus I checked my code and cannot see anything
Brian Daub
@briandaub
Jan 19 2016 06:32
I really havent been getting any responses the last couple of days. Is my gitter working or are people just not willing to help?
DJ
@qualitymanifest
Jan 19 2016 06:32
@CodingDucky use if/else if/else if not if/if/if. that fixes it
Will G
@willgorham
Jan 19 2016 06:32
@CodingDucky numbers between 37 and 47 meet both conditions 1 and 3 in your code
Exactly - use if/else
cannelflow
@cannelflow
Jan 19 2016 06:32
@qualitymanifest that's good
DJ
@qualitymanifest
Jan 19 2016 06:33
@CodingDucky - is char code 45
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:33
@willgorham Thanks, fixed.
CamperBot
@camperbot
Jan 19 2016 06:33
codingducky sends brownie points to @willgorham :sparkles: :thumbsup: :sparkles:
:warning: codingducky already gave willgorham points
Chris Moore
@dooglus
Jan 19 2016 06:33
@CodingDucky your spaces (character 32) satisfy both the first and last 'if'
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:33
@dooglus thanks
CamperBot
@camperbot
Jan 19 2016 06:33
codingducky sends brownie points to @dooglus :sparkles: :thumbsup: :sparkles:
:star: 126 | @dooglus | http://www.freecodecamp.com/dooglus
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:34

New code:

function rot13(str) { // LBH QVQ VG!
  var newStr = '';
  for (var i = 0; i < str.length; i++) {
    if (str.charCodeAt(i) >= 32 && str.charCodeAt(i) <= 47) {
      newStr += String.fromCharCode(str.charCodeAt(i));
    }
    else if (str.charCodeAt(i) - 13 <= 100 && str.charCodeAt(i) - 13 >= 65) {
      newStr += String.fromCharCode(str.charCodeAt(i) - 13);
    }
    else if (str.charCodeAt(i) - 13 > 100 || str.charCodeAt(i) - 13 < 65) {
      newStr += String.fromCharCode(str.charCodeAt(i) + 13);
    }

  }
  return newStr;
}
// Change the inputs below to test
rot13("SERR YBIR?");

rot13("SERR YBIR?"); evaluates to FREE LOVEL

why isn't the question mark being left alone?
Chris Moore
@dooglus
Jan 19 2016 06:35
@CodingDucky > 100 || < 65 is a too-big range
DJ
@qualitymanifest
Jan 19 2016 06:35
@CodingDucky it's char code 63.
Will G
@willgorham
Jan 19 2016 06:35
ASCII ? = 63
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:35
@willgorham I would thank you, but camperbot is a little stingy
CamperBot
@camperbot
Jan 19 2016 06:35
codingducky sends brownie points to @willgorham :sparkles: :thumbsup: :sparkles:
:warning: codingducky already gave willgorham points
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:35
like that
Will G
@willgorham
Jan 19 2016 06:36
hah, no worries
syner12daicha
@syner12daicha
Jan 19 2016 06:36
i start html course but now im unable to move to jquery
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:36
@dooglus It works fine apart from the question mark issue
sukumarkutagulla
@sukumarkutagulla
Jan 19 2016 06:36
@CodingDucky hi, we should not hardcode the values
DJ
@qualitymanifest
Jan 19 2016 06:36
@CodingDucky 65-90 is A-Z. 97-122 is a-z. it would help to look at ascii tables
Chris Moore
@dooglus
Jan 19 2016 06:36
@CodingDucky I think it will have trouble with lots of other non-letter characters too
syner12daicha
@syner12daicha
Jan 19 2016 06:37
i start html course but now im unable to move to jquery can anybody help me
how to jump to jquery course
Chris Moore
@dooglus
Jan 19 2016 06:37
@CodingDucky maybe something like this would be clearer:
(str.charAt(i) >= 'a' && str.charAt(i) <= 'm') || (str.charAt(i) >= 'A' && str.charAt(i) <= 'M')
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:37
@dooglus Just added an != 63 and it worked
Chris Moore
@dooglus
Jan 19 2016 06:37
now try running it on a string with #!@#$% in it
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:37
So I'm done with Basic Algorithms!
Chris Moore
@dooglus
Jan 19 2016 06:37
doesn't it mess up those too?
maybe you passed the validation, but your code is still 'wrong'
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:38
@dooglus Turns the @ to an M. It can easily be fixed with another != clause.
I'll come back to it once I learn how to optimise code and make things 'right' and all that fancy stuff
sukumarkutagulla
@sukumarkutagulla
Jan 19 2016 06:39
@dooglus can you come to private
Chris Moore
@dooglus
Jan 19 2016 06:40
@CodingDucky I'm not sure if you're trolling me or not, but there are a lot of ASCII characters. you don't want to be adding a != clause for each of them...
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:40
@dooglus Not trolling, why wouldn't it work?
Is it just a generally inefficient thing to do?
Chris Moore
@dooglus
Jan 19 2016 06:41
it would work - but it's dangerous. you thought you had a working program until I suggested testing it on "@". then you found that didn't work. maybe after fixing it for "@" you would again think you were done
then one day someone tries it on "#" and again it breaks... you don't want to be always adding new "fixes" when the fundamental problem is that your solution is wrong
you want to "add 13" if it's a-m and "subtract 13" if it's n-z
that's all. you don't want to be saying "if it's # or @ or $ or ^ or ..." because that's a long long list
CarrKeys
@CarrKeys
Jan 19 2016 06:43

Can someone help me with the Waypoint: 'Return Early Pattern for Functions'?

// Setup
function abTest(a, b) {
  // Only change code below this line
  if (a < 0) {
    return "undefined";
  } else if (b < 0) {
    return "undefined";
  }


  // Only change code above this line

  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

// Change values below to test your code
abTest(2,2);

I did as instructed but it's not working.

Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:44
@dooglus Got it.
Majlind
@majlind
Jan 19 2016 06:44
wp return early pattern for functions
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:45
@CarrKeys What does it want?
wiki "Return Early Patterns for Functions"
CamperBot
@camperbot
Jan 19 2016 06:45
no wiki entry for: return early patterns for functions
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 06:45
wiki "Return Early Pattern for Functions"
CamperBot
@camperbot
Jan 19 2016 06:45

:point_right: waypoint return early pattern for functions [wiki]

Waypoint: Return Early Pattern for Functions

When a return statement is reached, the execution of the current function stops and control returns to the calling location.

Example

function myFun() {
  console.log("Hello");
  return "World";
  console.log("byebye")
}
myFun();

The above outputs "Hello" to the console, returns "World", but "byebye" is never output, because the function exits at the return statement.
:pencil: read more about waypoint return early pattern for functions on the FCC Wiki

cannelflow
@cannelflow
Jan 19 2016 06:45
@CarrKeys use || like if(a<0||b<0) return underfined
@CarrKeys due to return at first if statement its not checking b
Gaurav Chauhan
@gschauhan
Jan 19 2016 06:47

stuck at sorted union. i am able to sort and also able to remove duplicates but i am not able to get output in expected format...

what i did is sorted each array individually by getting array from arguments object and sort them using nested for loops,

then merge all arrays int single one using reduce

then remove duplicates using hash...

Nick Robson
@nickrobson
Jan 19 2016 06:47
bonfire sorted union
CamperBot
@camperbot
Jan 19 2016 06:47

:fire:Bonfire: Sorted Union :link:

function unite(arr1, arr2, arr3) {
  return arr1;
}

unite([1, 2, 3], [5, 2, 1, 4], [2, 1]);

Write a function that takes two or more arrays and returns a new array of unique values in the order of the original provided arrays.

more info:  bf details | bf links | hint

Gaurav Chauhan
@gschauhan
Jan 19 2016 06:48
i get right output with all elements sorted and no duplicates...
cannelflow
@cannelflow
Jan 19 2016 06:48
@gschauhan show your code
CarrKeys
@CarrKeys
Jan 19 2016 06:48
// Setup
function abTest(a, b) {
  // Only change code below this line
  if (a < 0 || b < 0){
    return "undefined";
  }



  // Only change code above this line

  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

// Change values below to test your code
abTest(-2,2);
Doesn't seem to be working, ahh.
Gaurav Chauhan
@gschauhan
Jan 19 2016 06:48
sure
Nick Robson
@nickrobson
Jan 19 2016 06:48
var arr = arr1.concat(arr2).concat(arr3);
arr = uniq(arr); // find uniq values
return arr.sort();
Chris Moore
@dooglus
Jan 19 2016 06:48
@cannelflow I don't think that's true. the first return only happens if a<0
Pranav Doshi
@pranavdoshi
Jan 19 2016 06:49
@qualitymanifest it is not a univ prob wic I asked just I checked the anim on somewhere and wanted to do this somewhat like and I guess doubts related to js are welcomed here and sorry I taggedore than once.I guess if we get help other than fcc prob den it wud be helpful.
Chris Moore
@dooglus
Jan 19 2016 06:49
@CarrKeys what does it say at the bottom by the red marks?
Gaurav Chauhan
@gschauhan
Jan 19 2016 06:49

`<html>

<head>
<script type="text/javascript">
startNow = function(str) {
var arr = [[1, 3, 2], [1, [5]], [2, [4]]];
var temp_arr = [];
//sort arrays individually
for(k=0;k<arr.length;k++){
temp_arr = arr[k];
for(i=0;i<temp_arr.length;i++){
for(j=0;j<temp_arr.length;j++){
if(temp_arr[j+1]<temp_arr[j]){
var temp = temp_arr[j];
temp_arr[j]=temp_arr[j+1];
temp_arr[j+1]=temp;
}
}
}
}
//Merge all arrays
var flattened = arr.reduce(function(a, b) {
return a.concat(b);
}, []);
//remove duplicates
var curr;
var final_arr = [];
var obj={};
for(i=0;i<flattened.length;i++){
obj[flattened[i]]=0;
}
for(i in obj){
final_arr.push(i);
}
window.confirm(final_arr);
}

</script>
</head>

<body>
Give me input:
<input type="text" id="userInput"></input><br><br>
<input type="button" name="btnPlay" value="Start" onclick="startNow(document.getElementById('userInput').value)">
</body>
</html>
`

sanwalatta
@sanwalatta
Jan 19 2016 06:49
how can we write multiple classes in class img
Gaurav Chauhan
@gschauhan
Jan 19 2016 06:49

code

<html>

<head>
<script type="text/javascript">
startNow = function(str) {
var arr = [[1, 3, 2], [1, [5]], [2, [4]]];
var temp_arr = [];
//sort arrays individually
for(k=0;k<arr.length;k++){
temp_arr = arr[k];
for(i=0;i<temp_arr.length;i++){
for(j=0;j<temp_arr.length;j++){
if(temp_arr[j+1]<temp_arr[j]){
var temp = temp_arr[j];
temp_arr[j]=temp_arr[j+1];
temp_arr[j+1]=temp;
}
}
}
}
//Merge all arrays
var flattened = arr.reduce(function(a, b) {
return a.concat(b);
}, []);
//remove duplicates
var curr;
var final_arr = [];
var obj={};
for(i=0;i<flattened.length;i++){
obj[flattened[i]]=0;
}
for(i in obj){
final_arr.push(i);
}
window.confirm(final_arr);
}

</script>
</head>

<body>
Give me input:
<input type="text" id="userInput"></input><br><br>
<input type="button" name="btnPlay" value="Start" onclick="startNow(document.getElementById('userInput').value)">
</body>
</html>
code

cannelflow
@cannelflow
Jan 19 2016 06:50
@dooglus yes you are correct
CarrKeys
@CarrKeys
Jan 19 2016 06:50
@dooglus Are you talking about what the console log puts out?
Gaurav Chauhan
@gschauhan
Jan 19 2016 06:50
<html>
<head>
  <script type="text/javascript">
startNow = function(str) {
var arr = [[1, 3, 2], [1, [5]], [2, [4]]];
var temp_arr = [];
//sort arrays individually
for(k=0;k<arr.length;k++){
    temp_arr = arr[k];
    for(i=0;i<temp_arr.length;i++){
    for(j=0;j<temp_arr.length;j++){
        if(temp_arr[j+1]<temp_arr[j]){
            var temp = temp_arr[j];
            temp_arr[j]=temp_arr[j+1];
            temp_arr[j+1]=temp;
        }
    }
}
}
//Merge all arrays
var flattened = arr.reduce(function(a, b) {
  return a.concat(b);
}, []);
//remove duplicates
var curr;
var final_arr = [];
var obj={};
for(i=0;i<flattened.length;i++){
    obj[flattened[i]]=0;
}
for(i in obj){
    final_arr.push(i);
}
window.confirm(final_arr);
}

  </script>
</head>
<body>
Give me input:
  <input type="text" id="userInput"></input><br><br>
  <input type="button" name="btnPlay" value="Start" onclick="startNow(document.getElementById('userInput').value)">
</body>
</html>
Pranav Doshi
@pranavdoshi
Jan 19 2016 06:50
Bcoz reality is we wud be working on complex things more so lets create this place so that everyone having doubts gets it solved.
Nick Robson
@nickrobson
Jan 19 2016 06:50
@gschauhan Use arr1.concat(arr2) to add arrays. :P
cannelflow
@cannelflow
Jan 19 2016 06:50
@CarrKeys return undefined not "undefined"
Chris Moore
@dooglus
Jan 19 2016 06:50
@CarrKeys I don't know. I didn't get that far, and should probably shut up :)
@cannelflow oh, yeah, that's it!
cannelflow
@cannelflow
Jan 19 2016 06:51
@dooglus :smile:
Gaurav Chauhan
@gschauhan
Jan 19 2016 06:51
@nickrobson
//Merge all arrays
var flattened = arr.reduce(function(a, b) {
  return a.concat(b);
Chris Moore
@dooglus
Jan 19 2016 06:51
did you not see "should return undefined" somewhere in the bottom left?
it tries to help you out by telling you what went wrong
Gaurav Chauhan
@gschauhan
Jan 19 2016 06:52
or somewhere else?
CarrKeys
@CarrKeys
Jan 19 2016 06:52
OHHH!!!!!
Kirill Zharov
@KirillZharov
Jan 19 2016 06:53
Guys help, This proposal is made correctly? "MORE COINS you add, the more bonuses!"
CarrKeys
@CarrKeys
Jan 19 2016 06:53
Man! I had it in quotation marks! Ahh!!!!
@cannelflow Thanks for pointing that out.
CamperBot
@camperbot
Jan 19 2016 06:53
carrkeys sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 439 | @cannelflow | http://www.freecodecamp.com/cannelflow
CarrKeys
@CarrKeys
Jan 19 2016 06:55
@dooglus And yeah. I need to make a habit of checking for errors. Thank you for mentioning that.
CamperBot
@camperbot
Jan 19 2016 06:55
carrkeys sends brownie points to @dooglus :sparkles: :thumbsup: :sparkles:
:star: 128 | @dooglus | http://www.freecodecamp.com/dooglus
Will G
@willgorham
Jan 19 2016 06:55
@KirillZharov The more coins you add, the more bonuses!
Kirill Zharov
@KirillZharov
Jan 19 2016 06:56
@willgorham Thank you man :)
CamperBot
@camperbot
Jan 19 2016 06:56
kirillzharov sends brownie points to @willgorham :sparkles: :thumbsup: :sparkles:
:star: 293 | @willgorham | http://www.freecodecamp.com/willgorham
Will G
@willgorham
Jan 19 2016 06:56
:+1:
soumya91
@soumya91
Jan 19 2016 07:03
hey am building a mobile application using Ionic Framework and Firebase as backend...
I got stuck making it :worried: need help mate !!
DJ
@qualitymanifest
Jan 19 2016 07:04
@pranavdoshi alright, no worries. if you check the repl.it links i provided, the second one shows a more proper way to use setInterval, when you hit the 'run' button https://repl.it/Besb/1
DJ
@qualitymanifest
Jan 19 2016 07:14
@pranavdoshi also https://repl.it/Besb/2 as an example to stop it
deaninous
@deaninous
Jan 19 2016 07:16
Since I know i will be upp late, i set my clock 6 hours behind
when it reads midnight, I know I pulled the ultimate all nighter
DJ
@qualitymanifest
Jan 19 2016 07:17
@deaninous thats the spirit. but, i have to work tomorrow... so goodnight everybody
deaninous
@deaninous
Jan 19 2016 07:18
goodnight, @qualitymanifest
Roman
@soleynik
Jan 19 2016 08:11
@CodingDucky ``` public static String cip(String str)
{
String sb = "";
for(int i = 0;i<str.length();i++)
{
char ch = str.charAt(i);
if(ch == 32)
sb+=(char)ch;
        else if(ch > 64 && ch < 77)
        {
            sb+=(char)(ch+13);
        }
        else if(ch > 77 && ch < 91)
        {
            sb+=(char)(ch-13);
        }
    }

    return sb;
}
```
@CodingDucky
@CodingDucky
    public static String cip(String str)
    {
        String sb = "";
        for(int i = 0;i<str.length();i++)
        {
            char ch = str.charAt(i);
            if(ch == 32)
                sb+=(char)ch;

            else if(ch > 64 && ch < 77)
            {
                sb+=(char)(ch+13);
            }
            else if(ch > 77 && ch < 91)
            {
                sb+=(char)(ch-13);
            }
        }

        return sb;
    }
Amir
@iamaak
Jan 19 2016 08:15

jQuery also has a similar function called .text() that only alters text without adding tags.

Change the button with id target4 by italicizing its text.

How to make #target4 italics without using <i> with .text()
Roman
@soleynik
Jan 19 2016 08:17
@CodingDucky
    public static String cip(String str)
    {
        String sb = "";
        for(int i = 0;i<str.length();i++)
        {
            char ch = str.charAt(i);
            if(ch == 32)
                sb+=(char)ch;

            else if(ch > 64 && ch <= 77)
            {
                sb+=(char)(ch+13);
            }
            else if(ch > 77 && ch < 91)
            {
                sb+=(char)(ch-13);
            }
        }

        return sb;
    }
Oliver Lim
@sirpompous
Jan 19 2016 08:38

Can someone help me? I'm on the Testing Objects for Properties challenge and I'm not sure where I went wrong.....
// Setup
var myObj = {
gift: "pony",
pet: "kitten",
bed: "sleigh"
};

function checkObj(checkProp) {
// Your Code Here
if(myObj.hasOwnProperty) {
return myObj[checkProp];
}
else {
return ("Not Found");
}
}

// Test your code by modifying these values
checkObj("house");

Chris Moore
@dooglus
Jan 19 2016 08:38
@iamaak use html() not text()
@TrollCop604 hasOwnProperty() takes a parameter - the name of the property to check for
you need to tell it to check whether myObj has a property checkProp - notice how you don't mention checkProp at all on that line?
Oliver Lim
@sirpompous
Jan 19 2016 08:42
@dooglus wow thanks.... I've been looking at this for the past 10 minutes and it totally slipped past me
CamperBot
@camperbot
Jan 19 2016 08:42
trollcop604 sends brownie points to @dooglus :sparkles: :thumbsup: :sparkles:
:star: 236 | @dooglus | http://www.freecodecamp.com/dooglus
Chris Moore
@dooglus
Jan 19 2016 08:45
@TrollCop604 no problem
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 08:45
@soleynik that seems remarkably helpful
What's the CSS to get something to go in the dead centre of a div?
Not in the page, in that particular div space
Chris Moore
@dooglus
Jan 19 2016 08:46
@CodingDucky the logic should be: if (a-m or A-M) { add 13} else if (n-z or N-Z) { subtract 13 } else { use original character }
pjkpjk9000
@pjkpjk9000
Jan 19 2016 08:46
I have a question, how can I add code?
Chris Moore
@dooglus
Jan 19 2016 08:46
@pjkpjk9000 surround it in triple backquotes
```
pjkpjk9000
@pjkpjk9000
Jan 19 2016 08:48
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</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 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>
I have to import Lobster font and have h2 use it but p should still use Monospace.
KikeMusampa
@KikeMusampa
Jan 19 2016 08:49
@pjkpjk9000 change the font-family
pjkpjk9000
@pjkpjk9000
Jan 19 2016 08:49
@KikeMusampa How?
KikeMusampa
@KikeMusampa
Jan 19 2016 08:49
@pjkpjk9000 using the new font's name
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 08:50
What's the CSS to get something to go in the dead centre of a div?
Not in the page, in that particular div space
pjkpjk9000
@pjkpjk9000
Jan 19 2016 08:50
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

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

<p class="red-text " font-family = "Lobster">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" font-family ="Lobster">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Like this?
KikeMusampa
@KikeMusampa
Jan 19 2016 08:52
@pjkpjk9000 nope. That font-family says Monospace, it shouldn't since you want a different font. Replace monospace with your new font's name
Chris Moore
@dooglus
Jan 19 2016 08:52
@pjkpjk9000 no, in the p { } CSS
pjkpjk9000
@pjkpjk9000
Jan 19 2016 08:52
but p should be monospace, and h2 be Lobster
Hector Garcia
@augmt
Jan 19 2016 08:52
@CodingDucky depends on what you're working with
Chris Moore
@dooglus
Jan 19 2016 08:52
@pjkpjk9000 ok, so h2 { font-family: Lobster }
KikeMusampa
@KikeMusampa
Jan 19 2016 08:52
then create and h2 on style just like p
pjkpjk9000
@pjkpjk9000
Jan 19 2016 08:53
@dooglus Ok thanks
CamperBot
@camperbot
Jan 19 2016 08:53
pjkpjk9000 sends brownie points to @dooglus :sparkles: :thumbsup: :sparkles:
:star: 237 | @dooglus | http://www.freecodecamp.com/dooglus
KikeMusampa
@KikeMusampa
Jan 19 2016 08:53
This message was deleted
Chris Moore
@dooglus
Jan 19 2016 08:54
@CodingDucky the div will tend to be just as big as the content it contains. you probably want to use padding to put space around the content
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 08:54
So there's no 'align: centre?'
Chris Moore
@dooglus
Jan 19 2016 08:54
@CodingDucky what if use div { padding: 100px; } in the CSS?
Hector Garcia
@augmt
Jan 19 2016 08:54
@CodingDucky there's text-align: 'center'
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 08:55
Not looking for text though, but thanks for the help.
Hector Garcia
@augmt
Jan 19 2016 08:55
there's also margin: 0 auto;
text-align: center works for more than just text, which is part of why it depends
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 08:56
thanks @dooglus
CamperBot
@camperbot
Jan 19 2016 08:56
codingducky sends brownie points to @dooglus :sparkles: :thumbsup: :sparkles:
:star: 238 | @dooglus | http://www.freecodecamp.com/dooglus
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 08:56
thanks @augmt
CamperBot
@camperbot
Jan 19 2016 08:56
codingducky sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:star: 318 | @augmt | http://www.freecodecamp.com/augmt
Mohit Nehru
@MohitNehru
Jan 19 2016 08:58

function myTest(val) {
var answer = "";
// Only change code below this line
switch(val){
case "bob":
answer = "Marley";
break;
case "42":
answer = "The Answer ";
break;
case "1":
answer = "There is no #1!";
break;
case "99":
answer = "Missed me by this much!";
break;
case 7:
answer = "Ate Nine";
break;
case "John":
answer = "";
break;
case "156":
answer = "";
break;

return answer ="";

// Only change code above this line

}
Change the chained if/if else statements into a switch statement
Replacing If Else Chains with Switch
i don't see where I am going wrong

Chris Moore
@dooglus
Jan 19 2016 08:58
@MohitNehru you left the ="" on the last line
so it is setting answer to "" before returning it
cannelflow
@cannelflow
Jan 19 2016 08:59
@MohitNehru which ex?
Mohit Nehru
@MohitNehru
Jan 19 2016 09:00
javaScript
Mohit Nehru
@MohitNehru
Jan 19 2016 09:00
Replacing If Else Chains with Switch
Hector Garcia
@augmt
Jan 19 2016 09:00
@MohitNehru you also need to close your switch block before you return
Mohit Nehru
@MohitNehru
Jan 19 2016 09:00
it does nt work
let me post screen shot
Chris Moore
@dooglus
Jan 19 2016 09:01
yeah, you're missing a } before the return - the only you opened with switch () {
Mohit Nehru
@MohitNehru
Jan 19 2016 09:01
i did it
Selection_009.jpg
you cam see in the screen shot
Hector Garcia
@augmt
Jan 19 2016 09:03
@MohitNehru almost there, now you need to return the answer without setting it to ""
cannelflow
@cannelflow
Jan 19 2016 09:03
@MohitNehru you have to retun answer
Mohit Nehru
@MohitNehru
Jan 19 2016 09:03
i tried to use numbers separately just to know what difference it makes, also using character but nothing works

Mohit Nehru
@MohitNehru
Jan 19 2016 09:05
function myTest(val) {
  var answer = "";
  // Only change code below this line
  switch(val){
    case "bob":
      answer = "Marley";
      break;
      case "42":
      answer = "The Answer ";
      break;
      case "1":
      answer = "There is no #1!";
      break;
      case "99":
      answer = "Missed me by this much!";
      break;
      case "7":
      answer = "Ate Nine";
      break;
    case "John":
      answer = "";
      break;
       case "156":
      answer = "";
      break;

  } 

   return answer; 

  // Only chan
Hector Garcia
@augmt
Jan 19 2016 09:05
@MohitNehru and it does make a difference, you want your numbers to be numbers not strings
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 09:05

http://codepen.io/CodingDucky/pen/JGOOEm

Why is there a little extra bit sticking out of the left side of 'HOME'?

cannelflow
@cannelflow
Jan 19 2016 09:06
@MohitNehru worked?
Mohit Nehru
@MohitNehru
Jan 19 2016 09:06
@augmt yes it do make difference but as per example numbers is in string
@cannelflow not yet
cannelflow
@cannelflow
Jan 19 2016 09:06
@MohitNehru show your full code then
Hector Garcia
@augmt
Jan 19 2016 09:07
@MohitNehru in this case the numbers are not strings
Mohit Nehru
@MohitNehru
Jan 19 2016 09:07
function myTest(val) {
  var answer = "";
  // Only change code below this line
  switch(val){
    case "bob":
      answer = "Marley";
      break;
      case "42":
      answer = "The Answer ";
      break;
      case "1":
      answer = "There is no #1!";
      break;
      case "99":
      answer = "Missed me by this much!";
      break;
      case "7":
      answer = "Ate Nine";
      break;
    case "John":
      answer = "";
      break;
       case "156":
      answer = "";
      break;

  } 

   return answer; 

  // Only change code above this line  


}

// Change this value to test
myTest(7);
Chris Moore
@dooglus
Jan 19 2016 09:08
@MohitNehru check the results at the bottom left of the page
@MohitNehru the "no #1" string is wrong, for example - shouldn't have a bang on the end
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 09:09
How do I import a font in codepen?
I want Shift sans-serif
cannelflow
@cannelflow
Jan 19 2016 09:09
@CodingDucky you want to import google font?
Mohit Nehru
@MohitNehru
Jan 19 2016 09:10
Selection_010.jpg
@dooglus please have check
@cannelflow Have check here
Hector Garcia
@augmt
Jan 19 2016 09:12
@CodingDucky <link href='http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css' rel='stylesheet' type='text/css'> or wherever you want to import the shift font from
go to settings and paste that in Stuff for <head>
cannelflow
@cannelflow
Jan 19 2016 09:12
@MohitNehru its case 42 not case"42"
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 09:13
thanks @augmt
CamperBot
@camperbot
Jan 19 2016 09:13
codingducky sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:warning: codingducky already gave augmt points
cannelflow
@cannelflow
Jan 19 2016 09:13
@MohitNehru same for other number case
KikeMusampa
@KikeMusampa
Jan 19 2016 09:13
@MohitNehru when working with numbers you dont need ""
Mohit Nehru
@MohitNehru
Jan 19 2016 09:13
thanks
now i tried its still not workibg
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 09:14
font: Shift sans-serif;
is that how you do it?
cannelflow
@cannelflow
Jan 19 2016 09:14
@MohitNehru you have ! mark in case1 remove that
Hector Garcia
@augmt
Jan 19 2016 09:15
@CodingDucky font-family: 'Shift', sans-serif; i believe
cannelflow
@cannelflow
Jan 19 2016 09:15
@MohitNehru case 42 should be "The Answer" not "The Answer " you have space after r
Pranav Doshi
@pranavdoshi
Jan 19 2016 09:15
@qualitymanifest thanks for evrything man
CamperBot
@camperbot
Jan 19 2016 09:15
pranavdoshi sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 815 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Pranav Doshi
@pranavdoshi
Jan 19 2016 09:15
:)
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 09:16
@augmt I would thank but camperbot is very stingy
CamperBot
@camperbot
Jan 19 2016 09:16
codingducky sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:warning: codingducky already gave augmt points
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 09:16
tada
Hector Garcia
@augmt
Jan 19 2016 09:16
haha don't worry
cannelflow
@cannelflow
Jan 19 2016 09:17
@MohitNehru ?
Mohit Nehru
@MohitNehru
Jan 19 2016 09:17
function myTest(val) {
  var answer = "";
  // Only change code below this line
  switch(val){

    case 1:
      answer = "There is no #1!";
      break;
      case 7:
      answer = "Ate Nine";
      break;
      case 42:
      answer = "The Answer ";
      break;
      case 99:
      answer = "Missed me by this much!";
      break;
      case "156":
      answer = "";
      break;
      case "bob":
      answer = "Marley";
      break;
    case "John":
      answer = "";
      break;


  }

   return answer; 

  // Only change code above this line  


}
have a check now
Hector Garcia
@augmt
Jan 19 2016 09:17
almost there
Mohit Nehru
@MohitNehru
Jan 19 2016 09:18
Selection_011.jpg
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 09:18
is there a css equivalent to <strong>?
Hector Garcia
@augmt
Jan 19 2016 09:19
font-weight: bold;
KikeMusampa
@KikeMusampa
Jan 19 2016 09:20
@MohitNehru "The Answer " is still wrong, delete that unnecesary space after the r
KikeMusampa
@KikeMusampa
Jan 19 2016 09:22
@KikeMusampa "There is no #1!" shouldn't have a !
Jose Dzireh Chong
@CodingDucky
Jan 19 2016 09:26
thanks @cannelflow
CamperBot
@camperbot
Jan 19 2016 09:26
codingducky sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 441 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Jan 19 2016 09:26
@CodingDucky :+1:
alex chirila
@al3xoi
Jan 19 2016 09:35
Hi guys, I have an issue with one of the exercises
the one calles "Profile Lookup"
this is my function
``
`

`
function lookUp(firstName, prop){
// Only change code below this line
for (var i=0; i<contacts.length; i++){

        if (contacts[i].firstName === firstName && contacts[i][prop] !== undefined) {
           return contacts[i][prop];

        }

        else if (contacts[i].firstName === undefined ) {
            return "No such contact";

        }

        else if (contacts[i][prop] === undefined ) {
            return "No such property";

        }

}

// Only change code above this line
}
`

Abhishek Choudhary
@Khatkar786
Jan 19 2016 09:38
Wait lemme c
What output you are getting?
alex chirila
@al3xoi
Jan 19 2016 09:40
all fine except for this test : >> "Bob", "number" should return "No such contact"
if I use the bracket notation like i used for prop, it works, but then all the others fail
Abhishek Choudhary
@Khatkar786
Jan 19 2016 09:41
Use
!contacts[i][prop]
In if statement
For no such property
alex chirila
@al3xoi
Jan 19 2016 09:46
I did, but same results
this is my code now
function lookUp(firstName, prop){
// Only change code below this line
 for (var i=0; i<contacts.length; i++){

            if (contacts[i].firstName === firstName && contacts[i][prop] !== undefined) {
               return contacts[i][prop];

            }

            else if (!contacts[i].firstName) {
                return "No such contact";

            }

            else if (!contacts[i][prop]) {
                return "No such property";

            }

    }
Abhishek Choudhary
@Khatkar786
Jan 19 2016 09:47
@al3xoi your first priority should be to check if the firstName is in contacts
If yes
Then check if property exist
If yes then return prop
If no then return no such prop
And if firstName doesn't exist return no such contact
Thats the pseudo code of how i solved it
alex chirila
@al3xoi
Jan 19 2016 09:50
@Khatkar786 ok i will try it like that, i guess I will make use of hasOwnProperty
Markus Kiili
@Masd925
Jan 19 2016 09:50
@al3xoi Checking whether a property exists should be done with .hasOwnProperty method, because an object can have a property with value undefined. Doesn't matter too much on this problem, but obj.hasOwnProperty(key) and obj[key]!==undefined are not the same.
alex chirila
@al3xoi
Jan 19 2016 09:51
@Masd925 @Khatkar786 thanks guys
CamperBot
@camperbot
Jan 19 2016 09:51
al3xoi sends brownie points to @masd925 and @khatkar786 :sparkles: :thumbsup: :sparkles:
:star: 738 | @masd925 | http://www.freecodecamp.com/masd925
:star: 273 | @khatkar786 | http://www.freecodecamp.com/khatkar786
Abhishek Choudhary
@Khatkar786
Jan 19 2016 09:51
Wc
Blaze
@Blazephoenix
Jan 19 2016 09:54
How do I make the social icons responsive?
lyndfem02
@lyndfem02
Jan 19 2016 10:20
any assistant on create a bootstrap button
Brian Daub
@briandaub
Jan 19 2016 10:28
@lyndfem02 what are you trying to do?
cannelflow
@cannelflow
Jan 19 2016 10:29
@lyndfem02 <button class"btn btn-primary">Click Me</button>
Brian Daub
@briandaub
Jan 19 2016 10:29
^
depending on what you are trying to achieve you can change the color by changing the class i.e. 'btn-danger'
You should be able to read up on it on the bootstrap website
It explains how to use everything
@Blazephoenix what do you mean "responsive" what do you want them to do that they aren't doing?
Piyush Danej
@piyushdanej
Jan 19 2016 10:35
@Blazephoenix nice work dude !
Blaze
@Blazephoenix
Jan 19 2016 10:37
@briandaub The divs for the icons dont stay in the center when the window is resized, I want them to stay in the center
@piyushdanej Thanks!
CamperBot
@camperbot
Jan 19 2016 10:38
blazephoenix sends brownie points to @piyushdanej :sparkles: :thumbsup: :sparkles:
:star: 274 | @piyushdanej | http://www.freecodecamp.com/piyushdanej
Brian Daub
@briandaub
Jan 19 2016 10:38
Have you tried putting them in a div and then wrapping the div and the using margin: 0 auto?
ottomahn
@ottomahn
Jan 19 2016 10:38
how to display a returned value from javascript?
Brian Daub
@briandaub
Jan 19 2016 10:39
@ottomahn how to you want to display it?
ottomahn
@ottomahn
Jan 19 2016 10:39
guys anyone?
Darius
@ensyde
Jan 19 2016 10:39
Dispay on what
ottomahn
@ottomahn
Jan 19 2016 10:39
displaly on a page
Brian Daub
@briandaub
Jan 19 2016 10:39
you can use a return statement
you can use console.log()
Darius
@ensyde
Jan 19 2016 10:39
Console.log(what you need to dispay) for basic console print function
Brian Daub
@briandaub
Jan 19 2016 10:39
you can use window.innerHTML = "something";
That will output it to the screen
So it all depends on what you are trying to accomplish
Darius
@ensyde
Jan 19 2016 10:40
^
=D
saloni471
@saloni471
Jan 19 2016 10:40
i had done html5 and css. on what free software , can i make a application?
ottomahn
@ottomahn
Jan 19 2016 10:40
hmm I am working on displaying the quotes which are randomly generated
Darius
@ensyde
Jan 19 2016 10:41
What are you trying to do @ottomahn
Brian Daub
@briandaub
Jan 19 2016 10:41
You can use jQuery and manipulate elements with $('body').html(); or $('body').text();
(it doesnt have to be body, that was just an example)
Darius
@ensyde
Jan 19 2016 10:41
@saloni471 codepen?
Brian Daub
@briandaub
Jan 19 2016 10:41
Ok can you post you pen
your*
greg
@wearenotgroot
Jan 19 2016 10:42

@Blazephoenix you can also do this with the anchor, give it a btn class

<a class="btn btn-primary btn-social-circle" href="#"><i class="fa fa-facebook fa-2x"></i></a>

in your css

.btn-social-circle
{
  border-radius:20px;
}

.fa:hover{
  //transform: scale(2,2);
}
.btn:hover
{
  transform: scale(2,2);
}
alex chirila
@al3xoi
Jan 19 2016 10:43
guys, regarding my previous question for the "Profile Lookup" exercise, this is my function now. What am I missing?
Brian Daub
@briandaub
Jan 19 2016 10:43
I dont follow @wearenotgroot how does that make it responsive?
alex chirila
@al3xoi
Jan 19 2016 10:43

function lookUp(firstName, prop){
// Only change code below this line

    for (var i=0; i<contacts.length; i++){

        if (contacts[i].hasOwnProperty(firstName)) {
            if (contacts[i].hasOwnProperty(prop)) {
                return contacts[i].prop;
            } else {
                return "No such property";
            }
        } else {
            return "No such contact";
        }
    }
ottomahn
@ottomahn
Jan 19 2016 10:44
how can I share via codepen?
Brian Daub
@briandaub
Jan 19 2016 10:44
I am stuck on that one too
I did it the same way with no luck
Just copy and paste your link @ottomahn
cannelflow
@cannelflow
Jan 19 2016 10:45
@ottomahn go to codepen and copy paste the link
of pen
Blaze
@Blazephoenix
Jan 19 2016 10:45

@wearenotgroot I wasnt going to add links so I didnt make buttons

@briandaub Will it work if I style the main div which has the icons or do I add a class to the ul that has them?

Landon
@landonbas
Jan 19 2016 10:46
bonfire caesar
CamperBot
@camperbot
Jan 19 2016 10:46
Sorry, can't find a bonfire called caesar. [ Check the map? ]
greg
@wearenotgroot
Jan 19 2016 10:46
@Blazephoenix but people would expect link on that though
Landon
@landonbas
Jan 19 2016 10:46
bonfire caesar's-cipher
CamperBot
@camperbot
Jan 19 2016 10:46
Sorry, can't find a bonfire called caesars-cipher. [ Check the map? ]
Landon
@landonbas
Jan 19 2016 10:46
bonfire caesar's cipher
CamperBot
@camperbot
Jan 19 2016 10:46
Sorry, can't find a bonfire called caesars cipher. [ Check the map? ]
saloni471
@saloni471
Jan 19 2016 10:46
apart from codepen , can anyone tell me about free software where i can make simple application using html5 and css?
Brian Daub
@briandaub
Jan 19 2016 10:47
I write my code by hand
So I dont know of any
Darius
@ensyde
Jan 19 2016 10:47
Jsfiddle
Brian Daub
@briandaub
Jan 19 2016 10:47
That is something you can write your code in
cannelflow
@cannelflow
Jan 19 2016 10:47
@saloni471 https://c9.io/
Darius
@ensyde
Jan 19 2016 10:47
There is also another that i cant remember atm
Brian Daub
@briandaub
Jan 19 2016 10:48
Are you asking about something like an IDE to write you code IN? Or software that helps you write code?
alex chirila
@al3xoi
Jan 19 2016 10:48
@ensyde jsbin?
Brian Daub
@briandaub
Jan 19 2016 10:48
For my local environment I use Brackets
Blaze
@Blazephoenix
Jan 19 2016 10:48
@wearenotgroot Its just a practice project, so I guess its okay if I dont add working links :P
Brian Daub
@briandaub
Jan 19 2016 10:48
its free and has a lot of cool features
Darius
@ensyde
Jan 19 2016 10:48
Na @al3xoi is a odd name saw it in a tutorial
ottomahn
@ottomahn
Jan 19 2016 10:48
@cannelflow @briandaub ???any idea how to go about that
greg
@wearenotgroot
Jan 19 2016 10:48
@Blazephoenix :+1:
Brian Daub
@briandaub
Jan 19 2016 10:49
@Blazephoenix why are the social icons in an unordered list?
saloni471
@saloni471
Jan 19 2016 10:49
@briandaub IDE
Brian Daub
@briandaub
Jan 19 2016 10:49
@ottomahn how to go about what?
Ok, then I misunderstood
@saloni471
Blaze
@Blazephoenix
Jan 19 2016 10:49
@briandaub That was the only way to arrange them adjacently, like in a nav bar
Brian Daub
@briandaub
Jan 19 2016 10:49
But, all of the ones people have listed are ones you use in your browser
I use codepen
And on my mac I use brackets
cannelflow
@cannelflow
Jan 19 2016 10:50
@ottomahn just login and try it
Brian Daub
@briandaub
Jan 19 2016 10:50
Brackets has a live reload feature that is really easy to use
Darius
@ensyde
Jan 19 2016 10:50
I like the live preview on brackets
ottomahn
@ottomahn
Jan 19 2016 10:50
@lemm c
Mahmoud Refat
@Beast2life
Jan 19 2016 10:50
"Nest one div element with the class well within each of your col-xs-6 div elements." real brain twist
ottomahn
@ottomahn
Jan 19 2016 10:50
@cannelflow lemme try
Darius
@ensyde
Jan 19 2016 10:51
Sublime has a plugin for it as well
Brian Daub
@briandaub
Jan 19 2016 10:51
You can float them to the left and use display: inline-block; cant you?
cannelflow
@cannelflow
Jan 19 2016 10:51
@ottomahn :+1:
Darius
@ensyde
Jan 19 2016 10:51
Webstorm doesnt want to run for me lately
Brian Daub
@briandaub
Jan 19 2016 10:51
Sublime is cool, but it's not 100% free
Brackets is free
Blaze
@Blazephoenix
Jan 19 2016 10:51
@ottomahn Your code is not working because of the quotes, you need to escape your quotes with backslash so javascript doesnt get confused
Darius
@ensyde
Jan 19 2016 10:51
It is with key from torrent =D
Brian Daub
@briandaub
Jan 19 2016 10:51
Never tried that
But I dont need a torrent with brackets
To each their own
Darius
@ensyde
Jan 19 2016 10:52
Yea ive been using brackets more even with free sublime
Brian Daub
@briandaub
Jan 19 2016 10:52
Sublime is cool, I used to use it before I found brackets
Darius
@ensyde
Jan 19 2016 10:52
I got webstorm free from student pack
cannelflow
@cannelflow
Jan 19 2016 10:53
@Beast2life indeed
Darius
@ensyde
Jan 19 2016 10:53
It doesnt want to run any code
Mahmoud Refat
@Beast2life
Jan 19 2016 10:53
wiki "Create Bootstrap Wells"
CamperBot
@camperbot
Jan 19 2016 10:53

:point_right: waypoint create bootstrap wells [wiki]

Create Bootstrap Wells

Bootstrap has a class called well that can create a visual sense of depth for your columns.

Nest one div element with the class well within each of your col-xs-6 div elements.

```

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">

  </div>
</div>
<div class="col-xs-6">
  <div class="well">

:pencil: read more about waypoint create bootstrap wells on the FCC Wiki

Mahmoud Refat
@Beast2life
Jan 19 2016 10:54
Thank you @camperbot
CamperBot
@camperbot
Jan 19 2016 10:54
beast2life sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star: 981 | @camperbot | http://www.freecodecamp.com/camperbot
diskandarnerd
@diskandarnerd
Jan 19 2016 10:55
i got stuck on replace the value of your a element's href to #
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p> ....what's wrong with this?
Darius
@ensyde
Jan 19 2016 10:56
My problem here lately is i can read/understand the code, i know the syntax but when it comes to creating something myself, my mind goes blank
Brian Daub
@briandaub
Jan 19 2016 10:56
You dont have href="#"
cannelflow
@cannelflow
Jan 19 2016 10:56
@diskandarnerd <a href="#"></a>
Darius
@ensyde
Jan 19 2016 10:56
Anyone else in the same boat?
Brian Daub
@briandaub
Jan 19 2016 10:56
@diskandarnerd
@ensyde I can sort of relate
I am stuck on my design for my portfolio
Have a really good start but I'm stuck on my skills section and dont knwo what to include or how to lay it out
diskandarnerd
@diskandarnerd
Jan 19 2016 10:58
ooooh ...got it ..thanks LOL ..i thought i just replaced the href with "#"
cannelflow
@cannelflow
Jan 19 2016 10:58
@diskandarnerd :+1:
Brian Daub
@briandaub
Jan 19 2016 10:59
How can I post a screen shot in here?
diskandarnerd
@diskandarnerd
Jan 19 2016 11:00
@ensyde if i were you i would browse and look many different website template ...to get some inspirations
Darius
@ensyde
Jan 19 2016 11:00
Yea i hate it @briandaub
greg
@wearenotgroot
Jan 19 2016 11:00
@briandaub drag and drop
Darius
@ensyde
Jan 19 2016 11:01
Had kinda the same problem with python but to me web dev feels foreign
I didnt try any python web framework
Brian Daub
@briandaub
Jan 19 2016 11:01
Screen Shot 2016-01-19 at 5.01.23 AM.png
I am not sure what the 3rd section should be
Then I have to come up with content for each section
I am not a good content developer
kirbyedy
@kirbyedy
Jan 19 2016 11:03
how about looking around the internet
Brian Daub
@briandaub
Jan 19 2016 11:03
I have been
kirbyedy
@kirbyedy
Jan 19 2016 11:03
and make something similar
for the text just use some random "lorem ipsum" text
Brian Daub
@briandaub
Jan 19 2016 11:03
I have googled the heck out of "Front-End Developer Portfolios"
Have looked all over the place
I am trying to make it coincide with what we are learning and what skills we are developing with FCC
And I havent made it to the back-end development stuff yet so I dont want to put back end development yet I guess
Lorem ipson doesnt help me finish my portfolio with real content
Darius
@ensyde
Jan 19 2016 11:05
Put portfolio?
Brian Daub
@briandaub
Jan 19 2016 11:06
I dont follow
Darius
@ensyde
Jan 19 2016 11:06
Or something for graphics maybe
Brian Daub
@briandaub
Jan 19 2016 11:06
What do you mean
Darius
@ensyde
Jan 19 2016 11:06
If you make graphics
Brian Daub
@briandaub
Jan 19 2016 11:06
I will put my work on there in a section lower down the page
Idk
Darius
@ensyde
Jan 19 2016 11:06
Just leave it at 2 instead of trying to have a third
Brian Daub
@briandaub
Jan 19 2016 11:07
I will struggle with coming up with the right content for a while but I will get it eventually
Darius
@ensyde
Jan 19 2016 11:07
Im sure you will
Brian Daub
@briandaub
Jan 19 2016 11:07
Then it doesn't have the same balance
Nick Robson
@nickrobson
Jan 19 2016 11:07
About Me
Projects
Experience
CamperBot
@camperbot
Jan 19 2016 11:07
you need to ask about @someone!
Darius
@ensyde
Jan 19 2016 11:07
How long have you been studying/practicing web dev
Sean Brown
@SeanB99
Jan 19 2016 11:07
Can someone explain Caesar cipher to me? I trashed my code by my problem wasnt with converting the letters, but the spaces and punctuation.
Darius
@ensyde
Jan 19 2016 11:08
I went the easy route for that
The caesar cipher
Nick Robson
@nickrobson
Jan 19 2016 11:08
@SeanB99 Check if the letter is in the range of A to Z
Mohit Nehru
@MohitNehru
Jan 19 2016 11:08
Modify the function abTest so that if a or b are less than 0 the function will immediately exit with a value of undefined.
// Setup
function abTest(a, b) {
  // Only change code below this line
  console.log(a<0);{
  return "undefined";}
  console.log(b<0);{
  return "undefined";}


  // Only change code above this line

  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

// Change values below to test your code
abTest(2,2);
Sean Brown
@SeanB99
Jan 19 2016 11:08
https://github.com/FreeCodeCamp/FreeCodeCamp/wiki/Bonfire-Caesars-Cipher fccs example. What I dont understand is that it pushes the punctuation first then the letters. How does it automatically rearrange?
Nigel
@nigeljoy
Jan 19 2016 11:09
@SeanB99 use ascii values of characters
Nick Robson
@nickrobson
Jan 19 2016 11:09
@MohitNehru You need to return undefined, not "undefined"
cannelflow
@cannelflow
Jan 19 2016 11:09
@MohitNehru return undefined not "undefined"
Nick Robson
@nickrobson
Jan 19 2016 11:09
@MohitNehru Also, you use if, not console.log...
Mohit Nehru
@MohitNehru
Jan 19 2016 11:09
@nickrobson that what i have mentioned
cannelflow
@cannelflow
Jan 19 2016 11:09
no "required" @MohitNehru
Mohit Nehru
@MohitNehru
Jan 19 2016 11:09
ok
@cannelflow alright
Brian Daub
@briandaub
Jan 19 2016 11:10
@ensyde I started coding in 2007, I started web dev/design in 2012
Sean Brown
@SeanB99
Jan 19 2016 11:10
See I can understand the code from reading it and how to do the 13 character shift , but how it pushes them onto the blank string confuses me.
Mohit Nehru
@MohitNehru
Jan 19 2016 11:11
// Setup
function abTest(a, b) {
  // Only change code below this line
  if(a<0);{
  return undefined;}
  if(b<0);{
  return undefined;}


  // Only change code above this line

  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

// Change values below to test your code
abTest(2,2);
Brian Daub
@briandaub
Jan 19 2016 11:11
try combining your if statements @MohitNehru
Nick Robson
@nickrobson
Jan 19 2016 11:11
@MohitNehru Get rid of the ; after if(...) and before {
Brian Daub
@briandaub
Jan 19 2016 11:11
if(a < 0 || b < 0){
}
yes also that
Mohit Nehru
@MohitNehru
Jan 19 2016 11:12
@cannelflow oh such a big blunder
thanks for help
@briandaub
cannelflow
@cannelflow
Jan 19 2016 11:12
@MohitNehru yes @briandaub correct
Mohit Nehru
@MohitNehru
Jan 19 2016 11:12
@cannelflow @briandaub thanks guys
CamperBot
@camperbot
Jan 19 2016 11:12
mohitnehru sends brownie points to @cannelflow and @briandaub :sparkles: :thumbsup: :sparkles:
:star: 442 | @cannelflow | http://www.freecodecamp.com/cannelflow
:star: 334 | @briandaub | http://www.freecodecamp.com/briandaub
Darius
@ensyde
Jan 19 2016 11:13
@briandaub yea ive only been working with web dev for maybe a month
Brian Daub
@briandaub
Jan 19 2016 11:13
I still struggle with JavaScript
Darius
@ensyde
Jan 19 2016 11:13
Only thing i ever did was maybe host forums
Brian Daub
@briandaub
Jan 19 2016 11:13
I dont know everything about HTML or CSS either
Darius
@ensyde
Jan 19 2016 11:13
Or used something like e107 or a cms
Brian Daub
@briandaub
Jan 19 2016 11:13
I can design a bit
I worked on design a lot because I dont know any designers and didnt want my stuff looking bad
Darius
@ensyde
Jan 19 2016 11:14
I did very little vb6 back in the day
Worked with python for a couple of months
I would like to learn how to design with ps
A lot of jobs in my area are for or require javascript
Brian Daub
@briandaub
Jan 19 2016 11:15
A lot of companies are moving away from back-end languages like Ruby or Python or PHP and switch to JavaScript
Its crazy
Darius
@ensyde
Jan 19 2016 11:15
Yea
I havent seen any RoR jobs
Nor any jobs for py web frameworks
Brian Daub
@briandaub
Jan 19 2016 11:15
Even regular software is going to start being developed with javascript
So working on learning the MEAN stack will be beneficial
Darius
@ensyde
Jan 19 2016 11:16
Ive seen quite a few java or c#
Brian Daub
@briandaub
Jan 19 2016 11:16
Yeah
or ASP .NET
Darius
@ensyde
Jan 19 2016 11:16
I dont care for windows specific programming
I prefer to use linux lol
Brian Daub
@briandaub
Jan 19 2016 11:17
I use all 3
Darius
@ensyde
Jan 19 2016 11:17
I have never used mac
Brian Daub
@briandaub
Jan 19 2016 11:17
I have Debian Linux
I have a iMac
and a Win laptop
Darius
@ensyde
Jan 19 2016 11:17
I was running arch then manjaro
<