These are chat archives for FreeCodeCamp/Help

26th
May 2017
Wesley
@Wess2121
May 26 2017 00:00
<h1 class="pink-text" id="orange-text">Hello World</h1>
Kyle Holm
@thekholm80
May 26 2017 00:00
helping is good but we try not to just give answers
Wesley
@Wess2121
May 26 2017 00:01
im so sorry i did not know
my apologies
Kyle Holm
@thekholm80
May 26 2017 00:01
no worries, you know now :smile:
Sue Baily Weaver
@sbweaver
May 26 2017 00:01
<form>
<label><input type="radio" name="indoor-outdoor" checked>Indoor</label>
<label><input type="checkbox" name="personality">Loving</label>
</form>
Kyle Holm
@thekholm80
May 26 2017 00:01
@sbweaver how come your form only has one radio button and one checkbox?
LAB-XI
@LAB-XI
May 26 2017 00:02
@thekholm80 Thank you! @Wess2121 Thank you!
CamperBot
@camperbot
May 26 2017 00:02
lab-xi sends brownie points to @thekholm80 and @wess2121 :sparkles: :thumbsup: :sparkles:
:cookie: 83 | @wess2121 |http://www.freecodecamp.com/wess2121
:cookie: 821 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 26 2017 00:02
@LAB-XI :+1:
Wesley
@Wess2121
May 26 2017 00:02
welcome!
Sue Baily Weaver
@sbweaver
May 26 2017 00:02

@Soninko - just tried the following in Codepen.io and it worked for me - first one was checked

<form>
<label><input type="radio" name="indoor-outdoor" checked>Indoor</label>
<label><input type="checkbox" name="personality">Loving</label>
</form>

Tingting Wang
@Tina325
May 26 2017 00:04
hello everyone, I got a problem for Make the second child in each of your well elements bounce. You must target the children of element with the target class.:
$(".target:nth-child(2)").addClass("animated bounce)");
});
here is my coding,but it shows sth wrong
Mamadou
@Soninko
May 26 2017 00:04
@sbweaver Do you try to check the code on fcc?
Sue Baily Weaver
@sbweaver
May 26 2017 00:05
@Soninko @thekholm80 is right - do both inputs need to be set to type="radio"?
Kyle Holm
@thekholm80
May 26 2017 00:05
@Tina325 you have an extra )
@Tina325 .addClass("animated bounce)");
Mamadou
@Soninko
May 26 2017 00:07
@sbweaver I will fart a cable lol
Sobha govathoti
@sobhagovathoti
May 26 2017 00:08
what is the error here
Rome
@Romeeeeeeeeee
May 26 2017 00:08
Hey trying to figure out give the p elemnts font-size of 16 px

<style>
.red-text {
font-size: 30px; 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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Sobha govathoti
@sobhagovathoti
May 26 2017 00:08
<script>
$(document).ready(function() {
$("button").addclass("animated bounce");
});
</script>
Rome
@Romeeeeeeeeee
May 26 2017 00:08
it says to put it inside the same style tag that c ontains your red text
Kyle Holm
@thekholm80
May 26 2017 00:08
@sobhagovathoti .addclass needs a capital C
Stygma Sheikh
@Stygme
May 26 2017 00:08
ehy little help here, so I have gotten everything done but that I cant figreout this;"Only add one class with each of your three selectors" No Idea what that means
Sue Baily Weaver
@sbweaver
May 26 2017 00:08
@Soninko - sorry - shouldn't probably be trying to help someone if I'm not looking at the exercise in fcc :D
Sobha govathoti
@sobhagovathoti
May 26 2017 00:08
thank you @thekholm80
CamperBot
@camperbot
May 26 2017 00:08
sobhagovathoti sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 822 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Lydia
@lydialrc
May 26 2017 00:08
I'm doing the tribute page and can't get bootstrap "well" class to work in codePen anyone else had this problem
Kyle Holm
@thekholm80
May 26 2017 00:09
@lydialrc link the pen?
@Stygme your selectors look like $('.class') or $('#id') each of those should have a .addClass('className')
@Stygme and only add one class in each .addClass(...)
@Romeeeeeeeeee you need an entry in your style element for p tags, it will look like the h2 example on the left but use p instead of h2 and 16px instead of 30px
Rome
@Romeeeeeeeeee
May 26 2017 00:11
@thekholm80 cheers (Y)
Stygma Sheikh
@Stygme
May 26 2017 00:11
@thekholm80 how do I only add on
Kyle Holm
@thekholm80
May 26 2017 00:12
when you start to add your second, stop
Christopher H. Ireland
@BigBoned53
May 26 2017 00:12
I am having trouble with the challenge to put script document ready function. Anyone help?
<script $(document).ready(function() { });></script>
Kyle Holm
@thekholm80
May 26 2017 00:12
seriously though lol just put a single class in each .addClass(..)
@BigBoned53 $(document).ready(function() { }); goes between <style> and </style>
you may have to refresh your page to pass the test
Sue Baily Weaver
@sbweaver
May 26 2017 00:14
@Soninko you need more than one of each of the checkboxes and radio buttons like so, I think:
<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>
Christopher H. Ireland
@BigBoned53
May 26 2017 00:14
ok. still failing on the Script element..Thank You
Kyle Holm
@thekholm80
May 26 2017 00:14
@BigBoned53 show your code?
ScottBland
@ScottBland
May 26 2017 00:14
r
Christopher H. Ireland
@BigBoned53
May 26 2017 00:14

<style>

<script $(document).ready(function() { });></script>
</style>
<!-- Only change code above this line. -->

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

Tingting Wang
@Tina325
May 26 2017 00:14
@thekholm80 I just notice that, thank you so much!
CamperBot
@camperbot
May 26 2017 00:14
tina325 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 823 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 26 2017 00:14

@BigBoned53

<style>
<script $(document).ready(function() { });></script>
</style>

is not right

@Tina325 :+1:
Stygma Sheikh
@Stygme
May 26 2017 00:15
@thekholm80 Okay git it thank, just figeritout
CamperBot
@camperbot
May 26 2017 00:15
stygme sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 824 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 26 2017 00:15
@Stygme :+1:
Christopher H. Ireland
@BigBoned53
May 26 2017 00:17
thanks Kyle but where did I go wrong?
I appoogize but very new to this...
apologize..
Kyle Holm
@thekholm80
May 26 2017 00:18
@BigBoned53 you're putting $(document).ready(function() { }); inside your opening tag, it should be between <script> and </script>
Christopher H. Ireland
@BigBoned53
May 26 2017 00:19
Thank you Kyle. Got It.
Kyle Holm
@thekholm80
May 26 2017 00:19
:+1:
Sunny Bakshi
@Sunnybakshi
May 26 2017 00:23

hey guys can anyone let me know whats wrong with this code<form action="/submit-cat-photo">

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

Jose Alejandro Becerra
@JoseeAlejandro
May 26 2017 00:25

hello! I'm stuck here. Could somebody help me... http://beta.freecodecamp.com/en/challenges/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image
this is my currently code... but it does not match

<style>
body {
background: url(https://i.imgur.com/MJAkxbh.png);
}
</style>

__mifflin__
@cdrainxv
May 26 2017 00:28
@JoseeAlejandro: It looks like they expect the url in quotes.
Lydia
@lydialrc
May 26 2017 00:28
@thekholm80 yes in pen
__mifflin__
@cdrainxv
May 26 2017 00:29

@JoseeAlejandro:

The link address is wrapped in quotes inside the parentheses.

Jose Alejandro Becerra
@JoseeAlejandro
May 26 2017 00:29
@cdrainxv I see! Thanks so much! it was just an small detail.
CamperBot
@camperbot
May 26 2017 00:29
joseealejandro sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2669 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Kyle Holm
@thekholm80
May 26 2017 00:30
@lydialrc i meant can you paste the link to your codepen page here? makes it easier to help you if we can see the code
Mamadou
@Soninko
May 26 2017 00:30
@sbweaver Sa has nothing changed thank you for helping me, it's getting late I'm going to bed
CamperBot
@camperbot
May 26 2017 00:30
soninko sends brownie points to @sbweaver :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @sbweaver |http://www.freecodecamp.com/sbweaver
Sue Baily Weaver
@sbweaver
May 26 2017 00:31
sorry i couldn't be more help @Soninko
Joseph Gibbons
@gibbons14
May 26 2017 00:33
hi! I am stuck on "Create a Class to Target with JQuery Selectors."
It tells me to give each of my 6 buttons the class "target" so I added the word "target" in the quotation marks after class for each button element
but it just won't work and I don't know what to do
pwro
@pwro
May 26 2017 00:34
Hey - when trying to type in code for a challenge, my mouse is unable to select certain parts of the page. Refreshing the page did not seem to fix this issue. Anyone have a suggestion?
Maria
@Hempyy
May 26 2017 00:39
how do i nest my text input element within A form element?
<form action <input type="text" placeholder="cat photo URL">

<form action="/submi"></form>
Juan Pablo Jaramillo
@JuanP97
May 26 2017 00:41
Guys I need some help, I'm trying to use the weather undeground API to find the location of some given coordinates. My issue is that if I hard-code the coordinates they work but if I don't well they don't. I get a : Failed to load resource: the server responded with a status of 404 () . Anyone knows what am I doing wrong? Here's the code
$.getJSON("https://api.wunderground.com/api/0c5fae491f5adf1e/geolookup/q/"+latitude+","+longitude+".json",
            function (jsonLocation) {
                       console.log(jsonLocation);
                       });
Alexandria Viz
@avizcaino1
May 26 2017 00:47
@Sunnybakshi I am having the same problem! Let me know how it goes!
githubfranko
@githubfranko
May 26 2017 00:50
Hey guys I could use some help currently working on this: Only add one class with each of your three selectors.
pwro
@pwro
May 26 2017 00:50
What was the Issue @avizcaino1 ?
githubfranko
@githubfranko
May 26 2017 00:50

This is the code I have right now:

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

ScottBland
@ScottBland
May 26 2017 00:51
ok so i am trying to make these buttons
Kyle Holm
@thekholm80
May 26 2017 00:52
@githubfranko how many classes are you supposed to add per selector?
pwro
@pwro
May 26 2017 00:52

Try:

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

If I am not mistaken, nesting the input/text means that you place it inbetween the <form> and </form>

ScottBland
@ScottBland
May 26 2017 00:53
i copied that from another pen and i have enetered in some of the suff that but i dont understand why it is showing me nothing on mine https://codepen.io/Scottbland/pen/oWmjeY?editors=1100
githubfranko
@githubfranko
May 26 2017 00:53

@thekholm80 this is the instructions
Using .addClass(), add only one class at a time to the same element, three different ways:

Add the animated class to all elements with type button.

Add the shake class to all the buttons with class .btn.

Add the btn-primary class to the button with id #target1.

Note
You should only be targeting one element and adding only one class at a time. Altogether, your three individual selectors will end up adding the three classes shake, animated, and btn-primary to #target1.

Kyle Holm
@thekholm80
May 26 2017 00:53
@githubfranko addClass("animated shake btn-primary"); how many is that?
Lydia
@lydialrc
May 26 2017 00:54
@thekholm80 How do I link my codeine page here?
githubfranko
@githubfranko
May 26 2017 00:54
@thekholm80 you're a genius
ScottBland
@ScottBland
May 26 2017 00:54
here is the original poster of it he is just using a older version of font awesome https://codepen.io/minimalmonkey/pen/Ecpla
Kyle Holm
@thekholm80
May 26 2017 00:55
@lydialrc copy the link from your browser's navigation bar and paste it here
githubfranko
@githubfranko
May 26 2017 00:55
@thekholm80 thank you!!
CamperBot
@camperbot
May 26 2017 00:55
githubfranko sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 825 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Gulsvi
@gulsvi
May 26 2017 00:55
@lydialrc I'm concerned about your autocorrect :)
Kyle Holm
@thekholm80
May 26 2017 00:55
@githubfranko :+1:
@SkyyCoder shh she's getting us all some codine
don't blow this for me!
Maria
@Hempyy
May 26 2017 00:55
@pwro i tried that but it's not working :(((
Gulsvi
@gulsvi
May 26 2017 00:56
lol
Gulsvi
@gulsvi
May 26 2017 00:56
:syringe: :syringe:
Desiree
@farinadesi
May 26 2017 00:56

hey can someone help me out, says my src and alt are not correct on this course <img src="https://bit.ly//fcc-relaxing-cat" alt=kitten image.">

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

<style>

Lydia
@lydialrc
May 26 2017 00:57
trying to put the quote at the bottom in a well. also tried but removed putting the row with the pictures in a well to but couldn't get it to show up
Desiree
@farinadesi
May 26 2017 00:57

Your image should have a src attribute that points to the kitten image.

Your image element must have an alt attribute.

Kyle Holm
@thekholm80
May 26 2017 00:57
@lydialrc remove your bootstrap.css cdn and replace it with https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css
Lydia
@lydialrc
May 26 2017 00:57
@SkyyCoder I hate auto correct LOL
Gulsvi
@gulsvi
May 26 2017 00:58
LOL :) your site looks great if you use Bootstrap 3 - the link that @thekholm80 gave you above.
Codepen adds Bootstrap 4 with the quick-add menu and it's a very different version without the well class
Desiree
@farinadesi
May 26 2017 00:59

says Your image should have a src attribute that points to the kitten image.

Your image element must have an alt attribute.

i have <img src="https://bit.ly//fcc-relaxing-cat" alt=kitten image.">

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

<style>

Kyle Holm
@thekholm80
May 26 2017 01:00
looks like the well is working now
image.png
Alexandria Viz
@avizcaino1
May 26 2017 01:01
@pwro It’s still not right, ahh what am I missing?<form action="/sumbit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Joseph Gibbons
@gibbons14
May 26 2017 01:01
how do you give someone brownie points?
Kyle Holm
@thekholm80
May 26 2017 01:01
@gibbons14 click a name and type thanks
CamperBot
@camperbot
May 26 2017 01:01
thekholm80 sends brownie points to @gibbons14 :sparkles: :thumbsup: :sparkles:
:cookie: 97 | @gibbons14 |http://www.freecodecamp.com/gibbons14
pwro
@pwro
May 26 2017 01:02
@avizcaino1 which challenge are you on?
Joseph Gibbons
@gibbons14
May 26 2017 01:02
@thekholm80 thanks
CamperBot
@camperbot
May 26 2017 01:02
gibbons14 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 826 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Sunny Bakshi
@Sunnybakshi
May 26 2017 01:02
@avizcaino1 Hey i will say just try to reload the page. Mine went away. The code was fine.
Kyle Holm
@thekholm80
May 26 2017 01:02
@gibbons14 :+1:
Lydia
@lydialrc
May 26 2017 01:03
@thekholm80 Perfect! thanks!
CamperBot
@camperbot
May 26 2017 01:03
lydialrc sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 827 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 26 2017 01:03
@lydialrc :+1:
Alexandria Viz
@avizcaino1
May 26 2017 01:05
@pwro @Sunnybakshi Thanks guys, just realized I was spelling the word “submit” wrong.
CamperBot
@camperbot
May 26 2017 01:05
avizcaino1 sends brownie points to @pwro and @sunnybakshi :sparkles: :thumbsup: :sparkles:
:cookie: 44 | @sunnybakshi |http://www.freecodecamp.com/sunnybakshi
:cookie: 77 | @pwro |http://www.freecodecamp.com/pwro
MichaelS17
@MichaelS17
May 26 2017 01:06
Hey, how am I able to "give the text 'input' in your form the class 'form-control'?"
pwro
@pwro
May 26 2017 01:06
@farinadesi There are two things:
Place your code outside of the style element, and remember to add both opening/closing parenthesis following your alt attribute
<img src="https://bit.ly/fcc-running-cats" alt="insert-text-here">
Curtis Castor
@ccastor108
May 26 2017 01:07
I am trying to put a webform on HTML with a link to a server. server is /submit-cat-photo
It just keeps giving me the page not found screen. I am not sure what I am doing wrong, there arent very many directions for this one
Sunny Bakshi
@Sunnybakshi
May 26 2017 01:07
@avizcaino1 lol
screamworks
@screamworks
May 26 2017 01:08
hello, has anyone had any luck adding a background image on codepen.io for the personal portfolio project?
body {
background-image: url(http://www.lanlinglaurel.com/data/out/139/5183892-wallpaper-sky.jpg) no-repeat center center fixed;
background-size: cover;
}
Lcormie
@Lcormie
May 26 2017 01:08
font-size: 16px;
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. help please
Rome
@Romeeeeeeeeee
May 26 2017 01:08
@Lcormie paste what you have currently
Kyle Holm
@thekholm80
May 26 2017 01:09
@screamworks your url needs to be in quotes url("www.supercoolpicture.com");
Maria
@Hempyy
May 26 2017 01:09
@ccastor108 also stuck there D:
Curtis Castor
@ccastor108
May 26 2017 01:09
@Hempyy yeah I type it exactly how it says but it doesn't work
screamworks
@screamworks
May 26 2017 01:10
@thekholm80 thanks! I actually tried the quotes too and no luck so far. I also checked to make sure /body tags were at the right place as well :(
CamperBot
@camperbot
May 26 2017 01:10
screamworks sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 828 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Maria
@Hempyy
May 26 2017 01:10
im getting so frustrated DDD:
screamworks
@screamworks
May 26 2017 01:10
I'm not sure what else could go wrong..
Curtis Castor
@ccastor108
May 26 2017 01:10
@Hempyy if you're mad maybe take a break? This stuff is frustrating for sure, that's just part of it
emaya22
@emaya22
May 26 2017 01:11
need help, dont know what its asking for says to replace the value of your a elements href attribute with a #, also known as hash symbol, to turn it into a dead link...
pwro
@pwro
May 26 2017 01:11

@Lcormie

<style> 

p {
font-size: 16px;
}

</style>

Browser/Text Zoom should be set to 100% on your web browser so that you can see whatever it is you are inputting

Curtis Castor
@ccastor108
May 26 2017 01:11
@emaya22 delete the link you typed in behind that and just put #
Maria
@Hempyy
May 26 2017 01:11
i've been trying to complete this for a week :/
Kyle Holm
@thekholm80
May 26 2017 01:11
@screamworks you need to link directly to the image
pwro
@pwro
May 26 2017 01:11
@Hempyy what challenge are you on?
Curtis Castor
@ccastor108
May 26 2017 01:11
@Hempyy Yikes!!!!!!!
Maria
@Hempyy
May 26 2017 01:11
IKR
@pwro i'm on the Create a Form Element
Manish Giri
@Manish-Giri
May 26 2017 01:12
@Hempyy post your code..
Maria
@Hempyy
May 26 2017 01:13
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
emaya22
@emaya22
May 26 2017 01:13
@ccastor108 thanks!!
CamperBot
@camperbot
May 26 2017 01:13
emaya22 sends brownie points to @ccastor108 :sparkles: :thumbsup: :sparkles:
:warning: @ccastor108's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Manish Giri
@Manish-Giri
May 26 2017 01:13
change your browser maybe
@Hempyy
Lcormie
@Lcormie
May 26 2017 01:14
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
where do i put this
pwro
@pwro
May 26 2017 01:14
@Lcormie read the comment above that I posted
Lcormie
@Lcormie
May 26 2017 01:14
Where do i paste it
pwro
@pwro
May 26 2017 01:14
What are you trying to paste?
screamworks
@screamworks
May 26 2017 01:15

@thekholm80 I change the code to

body {
background-image: url("http://www.lanlinglaurel.com/data/out/139/5183892-wallpaper-sky.jpg") no-repeat center center fixed;
background-size: cover;
height: 1000px;
}

and still a blank white screen
Lcormie
@Lcormie
May 26 2017 01:15
font-size: 16px;
Kyle Holm
@thekholm80
May 26 2017 01:15
@screamworks click on your link, it doesn't go directly to an image
pwro
@pwro
May 26 2017 01:16
@Lcormie inbetween your style elements.
huntergresh
@huntergresh
May 26 2017 01:16
Hey everyone wondering if i could get some help trying to create the ID of an element around the form element
Ama Basan
@amux
May 26 2017 01:16
@Lcormie you may just be putting it in the wrong spot
huntergresh
@huntergresh
May 26 2017 01:17
<form action="/submit-cat-photo" id="cat-photo-app">
Lcormie
@Lcormie
May 26 2017 01:17
do i need to create a p elemnt or something
I have this so far
huntergresh
@huntergresh
May 26 2017 01:17
thats what i put but its obviously not right lol
Manish Giri
@Manish-Giri
May 26 2017 01:17
@huntergresh wrong ID
Lcormie
@Lcormie
May 26 2017 01:17
<style>
.red-text {
color: red;
font-size: 16px;
}

</style>
Manish Giri
@Manish-Giri
May 26 2017 01:17
don't copy paste example
@huntergresh
screamworks
@screamworks
May 26 2017 01:17
body {
background-image: url("https://unsplash.com/photos/Kxqnus0K8o8") no-repeat center center fixed;
background-size: cover;
height: 800px;
}
huntergresh
@huntergresh
May 26 2017 01:17
sorry @Manish-Giri
Ama Basan
@amux
May 26 2017 01:17
@Lcormie put it out side of the red text class
screamworks
@screamworks
May 26 2017 01:18
I changed the URL to this one and still getting the same error :(
Ama Basan
@amux
May 26 2017 01:18
@Lcormie so make
Lcormie
@Lcormie
May 26 2017 01:18
what does that mean
Manish Giri
@Manish-Giri
May 26 2017 01:18
@huntergresh np, just letting you know
Ama Basan
@amux
May 26 2017 01:18
@Lcormie <style>
.red-text {
color: red;
}p {
font-size: 16px;
pwro
@pwro
May 26 2017 01:19
@huntergresh Check to make sure that you are inputting the correct text inside of the parentheses following ID
Ama Basan
@amux
May 26 2017 01:19
then end it lmao i forgot
Lcormie
@Lcormie
May 26 2017 01:19
Thanks a ton that worked
Ama Basan
@amux
May 26 2017 01:19
np
huntergresh
@huntergresh
May 26 2017 01:19
wow im dumb @pwro lol that was the issue, thank you!
CamperBot
@camperbot
May 26 2017 01:19
huntergresh sends brownie points to @pwro :sparkles: :thumbsup: :sparkles:
:cookie: 78 | @pwro |http://www.freecodecamp.com/pwro
pwro
@pwro
May 26 2017 01:20
@huntergresh You will find that across all of your challenges they will always ask you to input something unique from the examples they use, so be sure to read the entire instructions.
*Usually
huntergresh
@huntergresh
May 26 2017 01:21
@pwro will do, sometimes just too many examples in the text wasn't careful reading
John
@modation
May 26 2017 01:25
ok, help me please lol. I need to emphasize the text in my "target4" button by adding HTML tags. Whats wrong with this?
$("#target4").html("<em>target4</em>");
Anybody?
lol
Hector Renderos
@hector57
May 26 2017 01:25
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide. So far I created the smaller-image class, but I need to know how to implement it on the cat?
John
@modation
May 26 2017 01:26
where did the helpers go? lol
slonigrwl
@slonigrwl
May 26 2017 01:26
hiii pls helm to use t ahref attribute
<a href="http://freecatphotoapp.com"> cat photo</a> on clicking run test its not showinhg any thing its says a element should have anchor text
Manish Giri
@Manish-Giri
May 26 2017 01:28
@modation missed the second #
@slonigrwl cat photos
John
@modation
May 26 2017 01:29
thanks @Manish-Giri but it didnt work: $("#target4").html("<em>#target4</em>");
CamperBot
@camperbot
May 26 2017 01:29
modation sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5658 | @manish-giri |http://www.freecodecamp.com/manish-giri
Ady
@ady12345
May 26 2017 01:29

can someone help I don't know what I'm doing wrong.Don't know where to put the elements

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

John
@modation
May 26 2017 01:29
let me logoff/on again lol
Manish Giri
@Manish-Giri
May 26 2017 01:30
@ady12345 font-size: 16px; needs to be outside the red-text class, in a separate rule for p elements only.
John
@modation
May 26 2017 01:30
ok still doesnt work
hmmmm
pwro
@pwro
May 26 2017 01:32

@ady12345

.red-text {
 font-size: 16px;
 color: red;
}

Have you tried removing the quotations surrounding "font-size"?

Ady
@ady12345
May 26 2017 01:32
ya still not working
John
@modation
May 26 2017 01:32
@Manish-Giri I figured it out, I had this initally:
$("#target4").html("<em>#target4</em>");
$("#target4").text("#target4");
and I removed the second line, and it worked
Manish Giri
@Manish-Giri
May 26 2017 01:33
@ady12345 show what you have now.
@modation :+1:
Ady
@ady12345
May 26 2017 01:36
is this it <style>
.red-text <p> font-size: 16px </p>{
color: red;
}
</style>
Matador15
@Matador15
May 26 2017 01:36
<style>h2 {color: blue;}</style>
^ CSS code not working
Hector Renderos
@hector57
May 26 2017 01:37
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide. So far I created the smaller-image class, but I need to know how to implement it on the cat?
Matador15
@Matador15
May 26 2017 01:37
trying to change the color. can anyone help?
slonigrwl
@slonigrwl
May 26 2017 01:38
@Matador15 with css style or html
in htm way
Manish Giri
@Manish-Giri
May 26 2017 01:38
@hector57 same way you added red-text class to h2.
pwro
@pwro
May 26 2017 01:38
@ady12345
For p
<style>
p {
font-size: 16px;
}
</style>
slonigrwl
@slonigrwl
May 26 2017 01:39
font-color: red;
or any color
Matador15
@Matador15
May 26 2017 01:39
html using css
Sunny Bakshi
@Sunnybakshi
May 26 2017 01:39
Error: Your <style> should have a pink-text CSS class with its color set to pink.
Matador15
@Matador15
May 26 2017 01:39
1st day coding :-)
Sunny Bakshi
@Sunnybakshi
May 26 2017 01:39
Code<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {color: pink}
</style>
What do you think guys?
Ady
@ady12345
May 26 2017 01:40
<style>
.red-text p {font-size: 16px;
color: red;
}
</style> doesn't work @pwro
huntergresh
@huntergresh
May 26 2017 01:41
how do i add background color to my form element, my css style is correct

cat-photo-form {

pwro
@pwro
May 26 2017 01:41
Add a semicolon after pink in the .pink-text class @Sunnybakshi
Hector Renderos
@hector57
May 26 2017 01:41
@Manish-Giri I am not trying to add color, I want to know how to implement the width property to the cat image, so far I made the smaller image class.
Matador15
@Matador15
May 26 2017 01:41
@slonigrwl html using css
huntergresh
@huntergresh
May 26 2017 01:41

cat-photo-form {

background-color: green;
}
pwro
@pwro
May 26 2017 01:42
@ady12345 only p. you do not write both on the same line.
Manish Giri
@Manish-Giri
May 26 2017 01:42
@hector57 do you know how to add a class to an element?
slonigrwl
@slonigrwl
May 26 2017 01:42
<p "style=font-color:red"
huntergresh
@huntergresh
May 26 2017 01:42
ok sorry but when i put"#" it bolds my text lol
Manish Giri
@Manish-Giri
May 26 2017 01:42
@huntergresh show your html
Sunny Bakshi
@Sunnybakshi
May 26 2017 01:42
Thanks @pwro
CamperBot
@camperbot
May 26 2017 01:42
sunnybakshi sends brownie points to @pwro :sparkles: :thumbsup: :sparkles:
:cookie: 81 | @pwro |http://www.freecodecamp.com/pwro
Hector Renderos
@hector57
May 26 2017 01:42
Yes, but not to the img element
slonigrwl
@slonigrwl
May 26 2017 01:43
<p><font color="red">This is some text!</font></p>
this is inline styling
pwro
@pwro
May 26 2017 01:43
If it helps guys, use ` three times before and after your code so you can format it properly, when asking questions.
huntergresh
@huntergresh
May 26 2017 01:43
Screen Shot 2017-05-25 at 9.50.01 PM.png
Manish Giri
@Manish-Giri
May 26 2017 01:44
@hector57 you add a class to any element the same way.
which is why I asked you to review the h2 challenge.
Ady
@ady12345
May 26 2017 01:44
Thank you so much @pwro benn stuck on it for like 15 mins
CamperBot
@camperbot
May 26 2017 01:44
ady12345 sends brownie points to @pwro :sparkles: :thumbsup: :sparkles:
:cookie: 82 | @pwro |http://www.freecodecamp.com/pwro
Manish Giri
@Manish-Giri
May 26 2017 01:44
@huntergresh what is this? #="cat-photo-form"?
Anum Sharma
@anumsh
May 26 2017 01:44
yes @slonigrwl
huntergresh
@huntergresh
May 26 2017 01:44
idk lol
Rome
@Romeeeeeeeeee
May 26 2017 01:44
Your img element should have the class smaller-image.
I don't see what im doing wrong
huntergresh
@huntergresh
May 26 2017 01:44
@Manish-Giri my HTML code
Rome
@Romeeeeeeeeee
May 26 2017 01:45

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

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

Sorry don't know why the whole code pasted -_-"
Manish Giri
@Manish-Giri
May 26 2017 01:45
@huntergresh what is this? #="cat-photo-form"?
delete this part
@huntergresh
huntergresh
@huntergresh
May 26 2017 01:45
ok done, still doesnt work though @Manish-Giri
Manish Giri
@Manish-Giri
May 26 2017 01:46
@huntergresh Click "run tests" first, get the challenge URL from the browser, shorten it using https://tinyurl.com/ - and post it here
pwro
@pwro
May 26 2017 01:46

@Romeeeeeeeeee

"Your img element should have the class smaller-image"

<img src="..." class="smaller-image">
Rome
@Romeeeeeeeeee
May 26 2017 01:46
ahhhhhhhhhhhhhhh
ps how do i paste it so it formats it properly like how you did @pwro
pwro
@pwro
May 26 2017 01:47
Your element can have multiple classes that are separated by a space
@Romeeeeeeeeee check the Markdown Help for formatting in this chat.
Rome
@Romeeeeeeeeee
May 26 2017 01:47
<3
test
Colin G Newman
@bananasmeow
May 26 2017 01:48
im having the same issue rome lol
pwro
@pwro
May 26 2017 01:48
If you do it with three of them it gives you the box I did.
Colin G Newman
@bananasmeow
May 26 2017 01:48
literally cant get past this image issue XD
pwro
@pwro
May 26 2017 01:48
Before and after three times*
@bananasmeow What is your issue?
Colin G Newman
@bananasmeow
May 26 2017 01:48
same as romes where its not letting me make the image smaller
Manish Giri
@Manish-Giri
May 26 2017 01:48
@bananasmeow post code.
Colin G Newman
@bananasmeow
May 26 2017 01:49
one second
i just started this so im a little new
:P
Rome
@Romeeeeeeeeee
May 26 2017 01:49
Ahh I see what you were tlaking about @Manish-Giri thank you.
CamperBot
@camperbot
May 26 2017 01:49
romeeeeeeeeee sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5659 | @manish-giri |http://www.freecodecamp.com/manish-giri
pwro
@pwro
May 26 2017 01:49
Taking small break folks, ttyl
Manish Giri
@Manish-Giri
May 26 2017 01:49
:+1:
Rome
@Romeeeeeeeeee
May 26 2017 01:50
I mean thank you @pwro
CamperBot
@camperbot
May 26 2017 01:50
romeeeeeeeeee sends brownie points to @pwro :sparkles: :thumbsup: :sparkles:
:cookie: 83 | @pwro |http://www.freecodecamp.com/pwro
Rome
@Romeeeeeeeeee
May 26 2017 01:50
<img src="..." class="smaller-image">
huntergresh
@huntergresh
May 26 2017 01:50
still not sure how to add background color to my form element
is it a class="color-background" >
Rome
@Romeeeeeeeeee
May 26 2017 01:51
<img src="..." class="smaller-image">
ahhh i see that works thanks again
Margaret
@Margaret2
May 26 2017 01:54
@Manish-Giri hi :wave:
Lance
@texas2010
May 26 2017 01:54
@Manish-Giri hi. i running fcc site on my local today. yay. ha
@Margaret2 bye. :trollface:
Kyle Holm
@thekholm80
May 26 2017 01:54
lol
Margaret
@Margaret2
May 26 2017 01:54
.....
Lance
@texas2010
May 26 2017 01:55
@Margaret2 i am joking. but hi! accept cookie? :cookie:
Margaret2 @Margaret2 is suspicious of this troll :trollface:
CamperBot
@camperbot
May 26 2017 01:55
:trollface: troll problems? notify admins here
Lance
@texas2010
May 26 2017 01:56
eh. fine.
texas2010 @texas2010 walking away
Manish Giri
@Manish-Giri
May 26 2017 01:56
@Margaret2 :scream:
@Margaret2 :wave: :bird:
Lance
@texas2010
May 26 2017 01:56
she is not bird. is it emu?
:P
Margaret
@Margaret2
May 26 2017 01:57
i'm half bird fluffball, half tigress
Lance
@texas2010
May 26 2017 01:58
@Manish-Giri is that for me? :scream: ?
Margaret
@Margaret2
May 26 2017 01:59

@Manish-Giri hi. i running fcc site on my local today. yay. ha

Manish react to @texas2010

Lance
@texas2010
May 26 2017 01:59
think so. but he tagged you. :joy:
Manish Giri
@Manish-Giri
May 26 2017 01:59

@Manish-Giri is that for me? :scream: ?

that was for @Margaret2

Lance
@texas2010
May 26 2017 01:59
eh
Manish Giri
@Manish-Giri
May 26 2017 02:00

@Manish-Giri hi. i running fcc site on my local today. yay. ha

for this, I'd say - :unamused:

Lance
@texas2010
May 26 2017 02:00
fine fine
Manish Giri
@Manish-Giri
May 26 2017 02:00
like so early?!
Margaret
@Margaret2
May 26 2017 02:00
@texas2010 I think it sounds cool :D
Hector Renderos
@hector57
May 26 2017 02:00
<img src="..." class="smaller-image"https://bit.ly/fcc-relaxing-cat alt="A cute orange cat lying on its back. "> Need help.
Margaret
@Margaret2
May 26 2017 02:01
@Manish-Giri I have a life development!
Manish Giri
@Manish-Giri
May 26 2017 02:01
you copied the src="..."
as is?
@hector57
@Margaret2 :scream:
Margaret
@Margaret2
May 26 2017 02:01
@Manish-Giri I have figured out a purpose for Google+!!
Manish Giri
@Manish-Giri
May 26 2017 02:01
what
Lance
@texas2010
May 26 2017 02:01
O_o
Manish Giri
@Manish-Giri
May 26 2017 02:01
:expressionless:
Lance
@texas2010
May 26 2017 02:01
@Margaret2 do you have a job yet?
just wondering
Colin G Newman
@bananasmeow
May 26 2017 02:02
<img src="https://bit.ly/fcc-relaxing-cat"class=smaller-image>
Hector Renderos
@hector57
May 26 2017 02:02
yep
Colin G Newman
@bananasmeow
May 26 2017 02:02
idk how to get past this image sizing
Margaret
@Margaret2
May 26 2017 02:02
I downloaded it on my phone and it shows all my Youtube notifications as posts on G+, really convenient @Manish-Giri
Lance
@texas2010
May 26 2017 02:02
@bananasmeow you forget to use double quote
Margaret
@Margaret2
May 26 2017 02:03
@bananasmeow quotes around the class name
Manish Giri
@Manish-Giri
May 26 2017 02:03
who even uses G+
Lance
@texas2010
May 26 2017 02:03
@Manish-Giri ikr. not me
Manish Giri
@Manish-Giri
May 26 2017 02:03
yeah
Colin G Newman
@bananasmeow
May 26 2017 02:03
like this? <img src="https://bit.ly/fcc-relaxing-cat"class="smaller-image">
Margaret
@Margaret2
May 26 2017 02:03
i can't stand it, it has to be good for something
Brennan Allen
@b-allen59
May 26 2017 02:03
<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"></button>
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
</div>
</div>
</div>
</div>
Can someone remind me how to create a unique id? I need one for each of the button elements.
Margaret
@Margaret2
May 26 2017 02:03
:expressionless:
Manish Giri
@Manish-Giri
May 26 2017 02:03
@Margaret2 your phone is android?
sushanne2002
@sushanne2002
May 26 2017 02:03
Through my code was right put not working .
Margaret
@Margaret2
May 26 2017 02:03
@b-allen59 id=""
Lance
@texas2010
May 26 2017 02:03
she use twitter too.
sushanne2002
@sushanne2002
May 26 2017 02:03
<button class="btn btn-default" target="blank"></button>
<button class="btn btn-default" target="blank"></button>
<button class="btn btn-default" target="blank"></button>
</div>
</div>
<div class="col-xs-6">
<div class="well">
<button class="btn btn-default" target="blank"></button>
<button class="btn btn-default" target="blank"></button>
<button class="btn btn-default" target="blank"></button>
Margaret
@Margaret2
May 26 2017 02:03
I :heart: Twitter
Lance
@texas2010
May 26 2017 02:03
pfff
Margaret
@Margaret2
May 26 2017 02:03
Twitter is my life
Lance
@texas2010
May 26 2017 02:04
you need to put mac in your life. pls :'(
Brennan Allen
@b-allen59
May 26 2017 02:04
Ok, thanks.
sushanne2002
@sushanne2002
May 26 2017 02:04
sorry so long need soe help
Lance
@texas2010
May 26 2017 02:04
agreed with me? @Manish-Giri
Margaret
@Margaret2
May 26 2017 02:04
@texas2010 I tried to get a macbook, remember? I didn't like it
so I returned it
Lance
@texas2010
May 26 2017 02:04
@Margaret2 yeahh. so sad. :(
Manish Giri
@Manish-Giri
May 26 2017 02:04
agreed with me? @Manish-Giri
of course
@texas2010
emaya22
@emaya22
May 26 2017 02:04
having trouble nesting the test input element within a form element dont know exactly what it wants or where it wants the form element
Lance
@texas2010
May 26 2017 02:05
but mac have unix. unix is good!
Margaret
@Margaret2
May 26 2017 02:05
@emaya22
<form>

INPUT ELEMENT

</form>
Hector Renderos
@hector57
May 26 2017 02:05
thanks
Lance
@texas2010
May 26 2017 02:05
dump window....
Margaret
@Margaret2
May 26 2017 02:06
@texas2010 i follow this one guy on Twitter, he's a huge fan of Microsoft, it's so funny :joy:
like he went to Seattle for some conference and he was so happy :smile:
Lance
@texas2010
May 26 2017 02:06
wow....
Manish Giri
@Manish-Giri
May 26 2017 02:07
I'll hate Microsoft until the day they fix this problem
Lance
@texas2010
May 26 2017 02:08
damn
dragonmaiden
@dragonmaiden
May 26 2017 02:08
Your form element should have the background-color of green.
how to put it in
Manish Giri
@Manish-Giri
May 26 2017 02:08

viewed

127259 times

just look at num of views
dragonmaiden
@dragonmaiden
May 26 2017 02:08
instead of using class:"cat-photo-element"
Lance
@texas2010
May 26 2017 02:08
i was asking where. but found it.
dragonmaiden
@dragonmaiden
May 26 2017 02:08
since id dont use class
Manish Giri
@Manish-Giri
May 26 2017 02:08
@dragonmaiden id=
emaya22
@emaya22
May 26 2017 02:09
@Margaret2 if i do that around the text input then it says the other two arent right
sushanne2002
@sushanne2002
May 26 2017 02:09
@dragonmaiden can you help me please. It looks right and it is whats wrong with it <button class="btn btn-default" target="blank"></button>
<button class="btn btn-default" target="blank"></button>
<button class="btn btn-default" target="blank"></button>
</div>
</div>
<div class="col-xs-6">
<div class="well">
<button class="btn btn-default" target="blank"></button>
<button class="btn btn-default" target="blank"></button>
<button class="btn btn-default" target="blank"></button>
Lance
@texas2010
May 26 2017 02:09

wth?

asked 1 year, 6 months ago
viewed 127261 times
active 10 months ago

wow..
dragonmaiden
@dragonmaiden
May 26 2017 02:09
@sushanne2002 i havent got to this far yet haha
Lance
@texas2010
May 26 2017 02:09
1 year ago....
Manish Giri
@Manish-Giri
May 26 2017 02:09
yes
it's that shitty
Margaret
@Margaret2
May 26 2017 02:09
@emaya22 show your code
Naomi832
@Naomi832
May 26 2017 02:10
@sushanne2002 , what title lesson are you on?
sushanne2002
@sushanne2002
May 26 2017 02:10
@dragonmaiden sorry but thanks anyways '
CamperBot
@camperbot
May 26 2017 02:10
sushanne2002 sends brownie points to @dragonmaiden :sparkles: :thumbsup: :sparkles:
:warning: @dragonmaiden's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Lance
@texas2010
May 26 2017 02:10
@Manish-Giri honest with you. i just dont understand them. they didnt fix IE problem. they just dump it out. then create egde. :( what an a** company.
Manish Giri
@Manish-Giri
May 26 2017 02:10
yeah
totally agree
@texas2010
Kyle Holm
@thekholm80
May 26 2017 02:11
you should hear the developers talk about the windows code. my favorite was 'nobody really knows what all is in there'
maptech1
@maptech1
May 26 2017 02:11

Git-it guide error any suggestion.....Verifying "REMOTE CONTROL"...

ACTUAL EXPECTED


"No evidence of push." != "Bingo! Detected a push."
"" ""

FAIL

Your solution to REMOTE CONTROL didn't match the expected output.
Try again!

Lance
@texas2010
May 26 2017 02:11
but odd thing is "boss would asked us fix it." WHAT DID THEY DO WORK IN MS?!!!! WTH
PLAY AROUND?!??!?!
Manish Giri
@Manish-Giri
May 26 2017 02:11
lol
Margaret
@Margaret2
May 26 2017 02:11
lol why should they not dump IE if it has always been such crap anyway?
Lance
@texas2010
May 26 2017 02:11
that is what my point. what did they do?!
nothing?!
Manish Giri
@Manish-Giri
May 26 2017 02:11
:joy:
sushanne2002
@sushanne2002
May 26 2017 02:11
@Naomi832 class target with jquery
Margaret
@Margaret2
May 26 2017 02:12
well, i'm not a fan of Microsoft, I do like Google though
Manish Giri
@Manish-Giri
May 26 2017 02:12
Google should just buy MS
Margaret
@Margaret2
May 26 2017 02:12
Google + Android :clap:
Lance
@texas2010
May 26 2017 02:12
@Manish-Giri i think they didnt do anything?
Manish Giri
@Manish-Giri
May 26 2017 02:12
and end the shit
Lance
@texas2010
May 26 2017 02:12
since they didnt fix a crap!
blah
Manish Giri
@Manish-Giri
May 26 2017 02:12
@texas2010 yeah they never fix anything
Lance
@texas2010
May 26 2017 02:13
but but they fix a problem about randomwire
sure. gov will piss off if ms didnt fix it.
ms need their money.
dumb ms
Manish Giri
@Manish-Giri
May 26 2017 02:13
too bad they had to wait and wait until the weakness was exploited, then they fix it
Lance
@texas2010
May 26 2017 02:14
ohhh dont know that.
emaya22
@emaya22
May 26 2017 02:14

@Margaret2 <form>

<input type="text" placeholder="cat photo URL">

<form action="/submit-cat-photo"></form>

Naomi832
@Naomi832
May 26 2017 02:14
@sushanne2002 , what is the lesson asking you to do?
Lance
@texas2010
May 26 2017 02:14
oh.. i didnt use pc in while...
eh that will be ok.
my pc is in box. ha
Caleb Coffey
@calebcoffey
May 26 2017 02:14
need to give the text input in my form the class form-control, not sure how
Margaret
@Margaret2
May 26 2017 02:14
@emaya22 why do you have two opening <form> tags? You should only have one form element
Caleb Coffey
@calebcoffey
May 26 2017 02:14
<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit<i class="fa fa-paper-plane"></i></button>
</form>
</div>
Manish Giri
@Manish-Giri
May 26 2017 02:14
lol
Lance
@texas2010
May 26 2017 02:15
prefer to use mac. i use it a lot
Gulsvi
@gulsvi
May 26 2017 02:15
you'd think if everyone agreed with you all about MS, they'd be out of business by now
Lance
@texas2010
May 26 2017 02:15
lol
Gulsvi
@gulsvi
May 26 2017 02:16
They have 80bil in the bank now? Doing pretty well
Lance
@texas2010
May 26 2017 02:16
nah they still want to use ms
@SkyyCoder yeah but why they dont want to fix problem in ie or OS??? didnt do it. i just dont understand why they didnt do it.
many dev at there.
Gulsvi
@gulsvi
May 26 2017 02:16
They make money from companies, not the little people like us
Manish Giri
@Manish-Giri
May 26 2017 02:16
If only Apple was not so damn expensive
Lance
@texas2010
May 26 2017 02:17
because that?
Manish Giri
@Manish-Giri
May 26 2017 02:17
MS would be long gone by now
Lance
@texas2010
May 26 2017 02:17
that dont make sense...
they use IE at company!
that is no different
Gulsvi
@gulsvi
May 26 2017 02:17
I think it's more about the servers
Lance
@texas2010
May 26 2017 02:17
oh
Gulsvi
@gulsvi
May 26 2017 02:17
exchange, SQL, sharepoint
Claudio Restifo
@Marmiz
May 26 2017 02:17

If only Apple was not so damn expensive

Running on hardware that's virtually cheap

Lance
@texas2010
May 26 2017 02:17
alright
Gulsvi
@gulsvi
May 26 2017 02:18
stuff we don't care about lol
Manish Giri
@Manish-Giri
May 26 2017 02:18
HM
where did @Margaret2 go
kebredahool
@kebredahool
May 26 2017 02:18
ccs style code
Lance
@texas2010
May 26 2017 02:18
but they have a people in IE and OS.
emaya22
@emaya22
May 26 2017 02:18
@Margaret2 i took it off already but i still cant make sure the form has an action attribute which is set to /submit-cat-photo.....
Lance
@texas2010
May 26 2017 02:18
they just dump it out.
blah
Claudio Restifo
@Marmiz
May 26 2017 02:18
@calebcoffey did you managed to pass the challenge?
kebredahool
@kebredahool
May 26 2017 02:19
yo
help yall boys
Lance
@texas2010
May 26 2017 02:19
how?
sushanne2002
@sushanne2002
May 26 2017 02:19
@Naomi832 i did everything it is asking ...Apply the target class to each of your button elements.
Margaret
@Margaret2
May 26 2017 02:19

@emaya22 dude this is a simple challenge

  1. Create a form element with an action attribute
  2. Move your input element inside that form

that's all you need to do

emaya22
@emaya22
May 26 2017 02:19

@Margaret2 this is what i have now

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

Caleb Coffey
@calebcoffey
May 26 2017 02:19
not yet
Margaret
@Margaret2
May 26 2017 02:20
@emaya22 put the action back on the form element
kebredahool
@kebredahool
May 26 2017 02:20
css style
Margaret
@Margaret2
May 26 2017 02:20
<form action="">
Lance
@texas2010
May 26 2017 02:20
pff. that form element challenge have a problem with chrome.
Gulsvi
@gulsvi
May 26 2017 02:20
Wow, MS has 126billion cash on hand... https://ycharts.com/companies/MSFT/cash_on_hand
very rich, doing something right :)
Margaret
@Margaret2
May 26 2017 02:20
@texas2010 in chrome 58+ it usually works if you refresh the page
Lance
@texas2010
May 26 2017 02:20
someone working on it then release it to current site.
Margaret
@Margaret2
May 26 2017 02:20
as long as you have a complete <form></form> element typed in
Gulsvi
@gulsvi
May 26 2017 02:20
Just not with Skype, Windows Phone, IE, etc...
The list goes on...
Lance
@texas2010
May 26 2017 02:21
i forget who own skype now
ms right?
Kyle Holm
@thekholm80
May 26 2017 02:21
yep
Lance
@texas2010
May 26 2017 02:21
ah.
Claudio Restifo
@Marmiz
May 26 2017 02:21
@calebcoffey all you have to do is to add a class to the text input as usual: class=""
Naomi832
@Naomi832
May 26 2017 02:21

@sushanne2002, this is what one of your buttons looks like

<button class="btn btn-default" target="blank"></button>

"target" is supposed to be a class

Gulsvi
@gulsvi
May 26 2017 02:21
They own LinkedIn too
Caleb Coffey
@calebcoffey
May 26 2017 02:21
ok will check it out, thanks
Naomi832
@Naomi832
May 26 2017 02:21
that means that its supposed to inside of "class"
Margaret
@Margaret2
May 26 2017 02:21
ok cya pplz
Lance
@texas2010
May 26 2017 02:21
@Margaret2 where you go?
Manish Giri
@Manish-Giri
May 26 2017 02:22
:scream:
Margaret
@Margaret2
May 26 2017 02:22
:sleeping:
Manish Giri
@Manish-Giri
May 26 2017 02:22
:unamused:
at 9:22?
Naomi832
@Naomi832
May 26 2017 02:22
@sushanne2002 class="btn btn-default target"
Lance
@texas2010
May 26 2017 02:22
@Manish-Giri ohhh do you know how many i closed issues today? lol
Margaret
@Margaret2
May 26 2017 02:22
@Manish-Giri I start work every day at 5:30 am
quit giving me :unamused:
Manish Giri
@Manish-Giri
May 26 2017 02:22
:cry:
Lance
@texas2010
May 26 2017 02:22
everyday?
insane
Margaret
@Margaret2
May 26 2017 02:22
except Sunday
Lance
@texas2010
May 26 2017 02:22
:(
oh
but sat?!
Margaret
@Margaret2
May 26 2017 02:23
yes
Manish Giri
@Manish-Giri
May 26 2017 02:23
@texas2010 yeah I saw that earlier today
good job!
sushanne2002
@sushanne2002
May 26 2017 02:23
@Naomi832 thanks
CamperBot
@camperbot
May 26 2017 02:23
sushanne2002 sends brownie points to @naomi832 :sparkles: :thumbsup: :sparkles:
:cookie: 144 | @naomi832 |http://www.freecodecamp.com/naomi832
Lance
@texas2010
May 26 2017 02:23
@Manish-Giri yeah have to find all issue of form. and close it and tell them about it is known. just blah.
there have more issue of javascript.
eh
but now. there have beta challenges.
eh
@Margaret2 good night
Muhammad Hussain
@ReactorboY
May 26 2017 02:24
Hey All
BossyBossinDev
@BossyBossinDev
May 26 2017 02:25
How do i use the div element? I'm working on using bootstrap but I have to put everything in a div element
Hey! @ReactorboY
Muhammad Hussain
@ReactorboY
May 26 2017 02:26
@BossyBossinDev yes everything is puutted in div
Naomi832
@Naomi832
May 26 2017 02:26
@BossyBossinDev , all of your content needs to be in div with a class of "container" or "container-fluid" depending on the affect that you want
@BossyBossinDev try going over to W3 school's bootstrap tutorial. They have a bunch of templates that could help give you an idea of what you will need for bootstrap

function diffArray(arr1, arr2) {
var newArr = [];
var k =[];
for(var i = 0;i<arr1.size;i++){
for (var j =0;j<arr2.size;j++){
if(arr1[i]!=arr2[j]){
return newArr.push(arr1[i],arr2[j]);
}
}
}
// Same, same; but different.
return newArr;
}

diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
diffArray([1, "calf", 3, "piglet"], [7, "filly"]);

Kyle Holm
@thekholm80
May 26 2017 02:27
@texas2010 how many tickets did you close today?
Lance
@texas2010
May 26 2017 02:28
@thekholm80 26. i think
Kyle Holm
@thekholm80
May 26 2017 02:28
geez
you're a machine
BossyBossinDev
@BossyBossinDev
May 26 2017 02:28
Good deal I will look into that thank you! @Naomi832 @ReactorboY
CamperBot
@camperbot
May 26 2017 02:28
bossybossindev sends brownie points to @naomi832 and @reactorboy :sparkles: :thumbsup: :sparkles:
:cookie: 145 | @naomi832 |http://www.freecodecamp.com/naomi832
:cookie: 304 | @reactorboy |http://www.freecodecamp.com/reactorboy
Kyle Holm
@thekholm80
May 26 2017 02:28
someday, i'll be able to contribute
Lance
@texas2010
May 26 2017 02:29
@thekholm80 ha ha no. i just taking my time. i suppose to watch course. end up, do issues..
Kyle Holm
@thekholm80
May 26 2017 02:29
some days are that way
Lance
@texas2010
May 26 2017 02:29
didnt do it them once. lmao
pff
Manish Giri
@Manish-Giri
May 26 2017 02:29
I know HTML
Lance
@texas2010
May 26 2017 02:30
@Manish-Giri do you?
Manish Giri
@Manish-Giri
May 26 2017 02:30
How To Meet Ladies
Kyle Holm
@thekholm80
May 26 2017 02:30
I know of HTML
Manish Giri
@Manish-Giri
May 26 2017 02:30
:smiling_imp:
Jose Lozano
@dizmo21
May 26 2017 02:30
I have a problem I a new to this it says your h1 element should have the text "hello world" how can I fix this
Lance
@texas2010
May 26 2017 02:30
oh
Kyle Holm
@thekholm80
May 26 2017 02:30
@dizmo21 what have you tried?
Lance
@texas2010
May 26 2017 02:30
@Manish-Giri well you are not married yet ;)
Jose Lozano
@dizmo21
May 26 2017 02:30
reseting
Kyle Holm
@thekholm80
May 26 2017 02:30
you didn't add any code?
that would be step one
Jose Lozano
@dizmo21
May 26 2017 02:31
should I ad h1 hello world?
BossyBossinDev
@BossyBossinDev
May 26 2017 02:31
@dizmo21 make sure it's opened and closed <blahblahblah> </blahblahblah>
Jose Lozano
@dizmo21
May 26 2017 02:31
got it ill try that, thanks
BossyBossinDev
@BossyBossinDev
May 26 2017 02:34
That's one thing that I always look for first when something isn't Working correctly. Make sure it's opened and closed correctly then dig for typos
Kyle Holm
@thekholm80
May 26 2017 02:34
I'm good at typos
I can make all the typos
Dominique Smith
@sodwn2earth
May 26 2017 02:34
Hello. I'm trying to add a style element to my heading and I'm not sure where the <h2> goes. Before the <style> tag? After the tag but before the style attribute? Please help.
BossyBossinDev
@BossyBossinDev
May 26 2017 02:35
Start with <h2> ((opening)) then work from there @sodwn2earth
Unless your building your style sheet then start with that
Sorry I'm tired guys lol
Dominique Smith
@sodwn2earth
May 26 2017 02:36

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

?
BossyBossinDev
@BossyBossinDev
May 26 2017 02:37
Take that top <h2> out
Benkavod
@Benkavod
May 26 2017 02:38
@sodwn2earth you don't need the <h2> above style but you need a red-text class in the <h2> cat...
Dominique Smith
@sodwn2earth
May 26 2017 02:39
right @Benkavod ....let me see here...
kebredahool
@kebredahool
May 26 2017 02:39
they aint answer me when I asked
Benkavod
@Benkavod
May 26 2017 02:39
@kebredahool what was your question?
kebredahool
@kebredahool
May 26 2017 02:40
same thing as his
BossyBossinDev
@BossyBossinDev
May 26 2017 02:40
Also anything it says to put in a style sheet you can just add to the one you've just made so you don't have a bunch of css hanging around and good catch @Benkavod I'm exhausted lol
kebredahool
@kebredahool
May 26 2017 02:40
<style>
Benkavod
@Benkavod
May 26 2017 02:40
@BossyBossinDev Gracias! I feel your pain. I was pretty exhausted last night
CamperBot
@camperbot
May 26 2017 02:40
benkavod sends brownie points to @bossybossindev :sparkles: :thumbsup: :sparkles:
:cookie: 71 | @bossybossindev |http://www.freecodecamp.com/bossybossindev
Benkavod
@Benkavod
May 26 2017 02:41
@kebredahool share your whole code please
@sodwn2earth figured it out?
Dominique Smith
@sodwn2earth
May 26 2017 02:41
Yay i got it. Thanks!
Benkavod
@Benkavod
May 26 2017 02:41
@sodwn2earth :+1: you're welcome
Dominique Smith
@sodwn2earth
May 26 2017 02:45
So I have a question. I don't understand the point of the overarching style if I still have to apply it to the heading. Can someone explain please?
Benkavod
@Benkavod
May 26 2017 02:47
@sodwn2earth How do you mean overarching style?
Dominique Smith
@sodwn2earth
May 26 2017 02:47

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

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

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

What is the point of the style if I still have to input the class?
Benkavod
@Benkavod
May 26 2017 02:48
@sodwn2earth If you are referring to having style tags I'll break it down this way
Jose Lozano
@dizmo21
May 26 2017 02:48
I need help with uncommenting part
Caleb Coffey
@calebcoffey
May 26 2017 02:49
Nest your form text input in a div with the class col-xs-7.
Nest your form submission button in a div with the class col-xs-5.
<div class="row"><input type="text" class="form-control" placeholder="cat photo URL" required>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
</form></div>
Benkavod
@Benkavod
May 26 2017 02:49
All the stuff that goes in the style tags tells the browser what to do with each html element that is referred to within the style tags
Caleb Coffey
@calebcoffey
May 26 2017 02:49
having trouble
Andrae M
@andraemarcus
May 26 2017 02:50
@dizmo21 sure, what exactly are you having problems with uncommenting?
Jose Lozano
@dizmo21
May 26 2017 02:51
it says uncomment your h1, h2 and p
using --> and how do you do thay
Benkavod
@Benkavod
May 26 2017 02:51
@sodwn2earth all the stuff outside the style element tells the browser that you have content associated with those elements. So the style elements just lets the browser know that you will be adding specific styles to html elements
@dizmo21 you place <!-- before your html elements and then use --> to close it up
Jose Lozano
@dizmo21
May 26 2017 02:52
ok ill try it thanks
Andrae M
@andraemarcus
May 26 2017 02:53
@dizmo21 I agree with @Benkavod, that should fix your problem with uncommenting the h2 element ;)
Sean
@JavaSpyder
May 26 2017 02:53
@calebcoffey nest just means put the other stuff inside. So put your <input> between a div opening and closing tag, then do the same for your <button>
slonigrwl
@slonigrwl
May 26 2017 02:53
start eith <!-your text-->
Sean
@JavaSpyder
May 26 2017 02:54
@calebcoffey and give them the classes they tell you to
shivamparashar
@shivamparashar
May 26 2017 02:54
hi
in the nest an anchor element within a paragraph
i seem to have been stuck
Benkavod
@Benkavod
May 26 2017 02:54
@andraemarcus :+1:
shivamparashar
@shivamparashar
May 26 2017 02:55
this is the html course at the beginning
Benkavod
@Benkavod
May 26 2017 02:55
@shivamparashar what type of glue got you stuck?
shivamparashar
@shivamparashar
May 26 2017 02:55
i have done everything but it doesnt seem to work
Benkavod
@Benkavod
May 26 2017 02:55
@sodwn2earth does that help make it any clearer?
shivamparashar
@shivamparashar
May 26 2017 02:55

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

<p> View more <a href="http://www.freecatphotoapp.com"> cat photos </a> </p>

Dominique Smith
@sodwn2earth
May 26 2017 02:55
So styles define specific html elements within a larger body of code? Ok. I guess I'm confused because I don't know what the style tag is referring to at this point. Maybe if I move on a bit further, it will make sense
shivamparashar
@shivamparashar
May 26 2017 02:55
this is what i wrote
You need an a element that links to "http://www.freecatphotoapp.com".
Benkavod
@Benkavod
May 26 2017 02:55
@shivamparashar what are you required to do?
slonigrwl
@slonigrwl
May 26 2017 02:55
style is the style elemnt from css
shivamparashar
@shivamparashar
May 26 2017 02:56
Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).
these three requirements are unfulfilled somehow
slonigrwl
@slonigrwl
May 26 2017 02:56
you can also use style element in html using instyle that mean for individual tag or element
Benkavod
@Benkavod
May 26 2017 02:56
@sodwn2earth the style is really just a portion dedicated to css styling also known as Cascading Style Sheets
Manish Giri
@Manish-Giri
May 26 2017 02:56
@shivamparashar remove the spaces
Chelsea
@Chelsea-Pittman92
May 26 2017 02:57
Quick question: How do i give my div element a class?
<div>
Manish Giri
@Manish-Giri
May 26 2017 02:57
@Chelsea-Pittman92 <div class="...">
Chelsea
@Chelsea-Pittman92
May 26 2017 02:57
So i should establish the class before my div element then?
shivamparashar
@shivamparashar
May 26 2017 02:58
i got it
thanks
i was deleting and retyping the entire <a> element
Benkavod
@Benkavod
May 26 2017 02:58
@sodwn2earth check this out hopefully it will be clearer https://www.w3schools.com/css/css_intro.asp
shivamparashar
@shivamparashar
May 26 2017 02:58
i was't suppposed to do that, it was getting stuck there
Andrae M
@andraemarcus
May 26 2017 02:58
@Chelsea-Pittman92 <div class="your class"></div>
shivamparashar
@shivamparashar
May 26 2017 02:58
thanks
Chelsea
@Chelsea-Pittman92
May 26 2017 02:59
ahh got it. Thanks! @Manish-Giri @andraemarcus
CamperBot
@camperbot
May 26 2017 02:59
chelsea-pittman92 sends brownie points to @manish-giri and @andraemarcus :sparkles: :thumbsup: :sparkles:
:cookie: 2 | @andraemarcus |http://www.freecodecamp.com/andraemarcus
:star2: 5660 | @manish-giri |http://www.freecodecamp.com/manish-giri
Dominique Smith
@sodwn2earth
May 26 2017 03:01
@Benkavod the link to w3schools is very explanatory. Just what I needed. Thanks a lot!
CamperBot
@camperbot
May 26 2017 03:01
sodwn2earth sends brownie points to @benkavod :sparkles: :thumbsup: :sparkles:
:cookie: 238 | @benkavod |http://www.freecodecamp.com/benkavod
Benkavod
@Benkavod
May 26 2017 03:02
@sodwn2earth you're totally welcome :+1:
shivamparashar
@shivamparashar
May 26 2017 03:06
all this code that i am wrtiting , how do i transfer it to notepad and make it work?
can one do that?
Kyle Holm
@thekholm80
May 26 2017 03:06
takes a bit of work
there's a lot of stuff included behind the scenes that you're not seeing
but it is possible
Rahim Shamsy
@rshamsy
May 26 2017 03:06
Hi quick question, how do i give my img tag a class. I have included class = "class-name" right after the 'img' string, within the image tag, but to no avail.
Thanks
Kyle Holm
@thekholm80
May 26 2017 03:07
<img class='yourClass'>
shivamparashar
@shivamparashar
May 26 2017 03:07
i remember back in school we used <html> </html> tags in the notepad and it seemed to work
Kyle Holm
@thekholm80
May 26 2017 03:07
right, and that will work for the very first lessons
Rahim Shamsy
@rshamsy
May 26 2017 03:07
So does that mean that I cannot include the src and the alt in the same tag?
Kyle Holm
@thekholm80
May 26 2017 03:08
<img class='yourClass' src='www.image.com' alt='some text'>
Lance
@texas2010
May 26 2017 03:08
"
Benkavod
@Benkavod
May 26 2017 03:08
@shivamparashar exactly also you need a doctype declaration too
Lance
@texas2010
May 26 2017 03:08
@thekholm80 not single quote :P
Kyle Holm
@thekholm80
May 26 2017 03:08
but i like single quotes
shivamparashar
@shivamparashar
May 26 2017 03:08
oh ok , thanks
Rahim Shamsy
@rshamsy
May 26 2017 03:08
That is exactly what I have but it is not working, maybe it is an issue with the browser
I will try switching
Thanks so much
Lance
@texas2010
May 26 2017 03:09
@thekholm80 oh lol
Emmanuel-L
@Emmanuel-L
May 26 2017 03:09
whats up homeskillets. im having trouble understanding what to do when asked to nest all html in a div element (probably because of a poor understanding of what is and isnt html)
Kyle Holm
@thekholm80
May 26 2017 03:09
I'm too lazy to hold the shift key to get "
Lance
@texas2010
May 26 2017 03:09
ahh
Kyle Holm
@thekholm80
May 26 2017 03:09
@Emmanuel-L
<div>
  <!-- all of your html goes here -->
</div>
Manish Giri
@Manish-Giri
May 26 2017 03:09
@Emmanuel-L HTML is all code below the closing </style> tag
Lance
@texas2010
May 26 2017 03:10
cant remember if it is required to use double quote. idk...
Kyle Holm
@thekholm80
May 26 2017 03:10
I think for some challenges it is
Lance
@texas2010
May 26 2017 03:10
yeah
Kyle Holm
@thekholm80
May 26 2017 03:10
I remember seeing "You must use double-quotes to pass this"
Lance
@texas2010
May 26 2017 03:10
:joy:
Emmanuel-L
@Emmanuel-L
May 26 2017 03:10
@Manish-Giri what about the bit of code above the tag?
Kyle Holm
@thekholm80
May 26 2017 03:10
maybe in the jQuery stuff?
Caleb Coffey
@calebcoffey
May 26 2017 03:11
Feel like i've done something strange here, cuz I'm getting a blue text, and it's centered, but not passing the test...

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

<div class="container-fluid">

<h3><div class="text-primary text-center">jQuery Playground</h3>
</div>

Manish Giri
@Manish-Giri
May 26 2017 03:11
@Emmanuel-L not html
Lance
@texas2010
May 26 2017 03:11
idk. js can use both.
Caleb Coffey
@calebcoffey
May 26 2017 03:11
Your h3 element should be colored by applying the class text-primary
Your h3 element should be centered by applying the class text-center
Manish Giri
@Manish-Giri
May 26 2017 03:11
@calebcoffey why do you have div in h3?
Kyle Holm
@thekholm80
May 26 2017 03:11
I just hate having to escape my double quotes in text
Lance
@texas2010
May 26 2017 03:11
@thekholm80 yeah! me too. it is annoying to do that. ugh
Manish Giri
@Manish-Giri
May 26 2017 03:11
@calebcoffey class="text-primary text-center" - these classes go on h3 directly
Emmanuel-L
@Emmanuel-L
May 26 2017 03:12
@Manish-Giri so anything within the style tags isnt html? and anything above it isnt either?
Kyle Holm
@thekholm80
May 26 2017 03:12
jsx has some annoying things like that too
Caleb Coffey
@calebcoffey
May 26 2017 03:12
Got it, thanks!
Manish Giri
@Manish-Giri
May 26 2017 03:12

@Emmanuel-L

so anything within the style tags isnt html?

it's css

Lance
@texas2010
May 26 2017 03:12
ohhh. i didnt learn jsx :O
Charles Astor
@CodeAstor
May 26 2017 03:12
Hi, I need help on functional programming: Use the map method to extract data from an array
slonigrwl
@slonigrwl
May 26 2017 03:12
<input-type ="text"> create atext field bt when i click run no results shown pls reply
Kyle Holm
@thekholm80
May 26 2017 03:12
you should. React is the best
Lance
@texas2010
May 26 2017 03:12
i will learn react
will do!
Manish Giri
@Manish-Giri
May 26 2017 03:12
:heart:
Lance
@texas2010
May 26 2017 03:13
@Manish-Giri go away. go learn more spring framework ;) kidding!
Kyle Holm
@thekholm80
May 26 2017 03:13
I have to actually think hard to make anything not in react now lol
Manish Giri
@Manish-Giri
May 26 2017 03:13
lol
Charles Astor
@CodeAstor
May 26 2017 03:13

```var rating = watchList.map((obj) => {
var ar = [];
ar.push({title: obj.Title, rating: obj.imdbRating});
return ar;
});
/*
return rating.push({title: watchList[i]["Title"],rating: watchList[i]["imdbRating"]})});

  */
  // Add your code above this line

  console.log(rating);

```

Emmanuel-L
@Emmanuel-L
May 26 2017 03:13
@Manish-Giri is this css too? <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
Manish Giri
@Manish-Giri
May 26 2017 03:13
@Emmanuel-L it's an import statement, to import external stylesheets
Emmanuel-L
@Emmanuel-L
May 26 2017 03:14
@Manish-Giri so its neither? (just trying to undersatnd this)
Kyle Holm
@thekholm80
May 26 2017 03:14
@Manish-Giri have you used ES6 function for stateless components? I thought I read somewhere that you didn't have to use return anymore?
so like
const MyComponent = () => {
  <div>Hello</div>
}
Benkavod
@Benkavod
May 26 2017 03:15
@Emmanuel-L it is html that the browser will not display but will use in importing a stylesheet
Manish Giri
@Manish-Giri
May 26 2017 03:16
@thekholm80 oh, I've used functions, but never tried it without return
hmm
interesting
Kyle Holm
@thekholm80
May 26 2017 03:16
guess I can test it, i'm just starting a new one new
Emmanuel-L
@Emmanuel-L
May 26 2017 03:17
@Benkavod alright, so why wouldn't i include it in my div element?
Lance
@texas2010
May 26 2017 03:17
@Manish-Giri do you still think codecademy's react course is bad?
Manish Giri
@Manish-Giri
May 26 2017 03:17
@texas2010 it's very limited
not necessarily bad
Lance
@texas2010
May 26 2017 03:17
ah. but basic lol
Manish Giri
@Manish-Giri
May 26 2017 03:17
but very bad quality too
Benkavod
@Benkavod
May 26 2017 03:17
@Emmanuel-L because it is not a part of the content for display. It belongs behind the scenes
Manish Giri
@Manish-Giri
May 26 2017 03:17
of examples
Kyle Holm
@thekholm80
May 26 2017 03:17
nope, still have to use return()
Lance
@texas2010
May 26 2017 03:17
ohhhh
damn
Benkavod
@Benkavod
May 26 2017 03:18
@Emmanuel-L div elements are really like empty boxes that help when you need to style / position content
slonigrwl
@slonigrwl
May 26 2017 03:18

Create a Text Field
Now let's create a web form.

Text inputs are a convenient way to get input from your user.

You can create one like this:

<input type="text">

Note that input elements are self-closing.

Create an input element of type text below your lists.

Run tests (ctrl + enter)
Reset Help Bug
Your app should have an input element of type text.

how to do this
shivamparashar
@shivamparashar
May 26 2017 03:18
i tried copying the code onto notepad
slonigrwl
@slonigrwl
May 26 2017 03:18
help
shivamparashar
@shivamparashar
May 26 2017 03:19
with html tag
Chelsea
@Chelsea-Pittman92
May 26 2017 03:19
Has anyone else had trouble in the FCC challenges where you go to type code and the cursor won't go where you put it and then when you start to type it like jumps to another place entirely erasing/typing in the wrong place screwing up your code?
shivamparashar
@shivamparashar
May 26 2017 03:19
it worked perfectly
Benkavod
@Benkavod
May 26 2017 03:19
@shivamparashar excellent
Manish Giri
@Manish-Giri
May 26 2017 03:19
@Chelsea-Pittman92 type a key first
it should fix
Benkavod
@Benkavod
May 26 2017 03:19
@Chelsea-Pittman92 another camper actually has a similar complaint earlier in the day
Chelsea
@Chelsea-Pittman92
May 26 2017 03:20
thats what i was doing but now its like not refreshing when i fix my mistakes and it just keeps going back to that same mistake and its preventing me from doing the code @Manish-Giri
Emmanuel-L
@Emmanuel-L
May 26 2017 03:20
@Benkavod ah ok, this makes sense. thanks for the explanation!
CamperBot
@camperbot
May 26 2017 03:20
emmanuel-l sends brownie points to @benkavod :sparkles: :thumbsup: :sparkles:
:cookie: 239 | @benkavod |http://www.freecodecamp.com/benkavod
Chelsea
@Chelsea-Pittman92
May 26 2017 03:20
yeah i've had this issue as well @Benkavod
Benkavod
@Benkavod
May 26 2017 03:20
@Emmanuel-L you're welcome :+1:
Emmanuel-L
@Emmanuel-L
May 26 2017 03:20
also thanks @Manish-Giri
CamperBot
@camperbot
May 26 2017 03:20
emmanuel-l sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5661 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
May 26 2017 03:20
@Chelsea-Pittman92 try a different browser
Chelsea
@Chelsea-Pittman92
May 26 2017 03:21
will do. I'm using chrome--any recommendations? @Manish-Giri
Manish Giri
@Manish-Giri
May 26 2017 03:21
@Chelsea-Pittman92 firefox should be good!
Yuserah Din
@YuserahN
May 26 2017 03:21
@Chelsea-Pittman92 Hit a key and then click where you want the cursor to be. It's weird, but doesn't work very well otherwise.
Lance
@texas2010
May 26 2017 03:21
oh code editor problem. sad
Chelsea
@Chelsea-Pittman92
May 26 2017 03:21
alright thanks, i'll try that. @Manish-Giri
CamperBot
@camperbot
May 26 2017 03:21
chelsea-pittman92 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: chelsea-pittman92 already gave manish-giri points
Manish Giri
@Manish-Giri
May 26 2017 03:22
:+1:
Kyle Holm
@thekholm80
May 26 2017 03:22
I get that sometimes if I have the dev console open
Lance
@texas2010
May 26 2017 03:23
other day, i found out about dev tools could be dark theme. :O
Kyle Holm
@thekholm80
May 26 2017 03:23
pretty awesome, huh?
Manish Giri
@Manish-Giri
May 26 2017 03:23
yea it's very sassy
sean jacobsen
@manco0108
May 26 2017 03:23
Whats a nth element it doesnt really explain
Lance
@texas2010
May 26 2017 03:24
yeah. but i dont use it now haha
Kyle Holm
@thekholm80
May 26 2017 03:24
do you do much front-end stuff?
Lance
@texas2010
May 26 2017 03:24
i mean i dont use dark theme. somehow i just like normal dev tools. :joy:
Charles Astor
@CodeAstor
May 26 2017 03:24
Hi, can anyone help me with what I'm doing wrong with the problem functional programming: Use the map method to extract data from an array
Here is my solution
shivamparashar
@shivamparashar
May 26 2017 03:24
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
how do we do this
?
Kyle Holm
@thekholm80
May 26 2017 03:25
oh, I love the dark theme
Manish Giri
@Manish-Giri
May 26 2017 03:25
white is ew
Charles Astor
@CodeAstor
May 26 2017 03:25
var rating = watchList.map((obj) => {
var ar = [];
ar.push({title: obj.Title, rating : obj.imdbRating});
return ar;
});
  // Add your code above this line

  console.log(rating);
Lance
@texas2010
May 26 2017 03:25
@thekholm80 i dont coding a lot. still learn. :P
gitter light theme is worse ew.
so worse.
just too much.
shivamparashar
@shivamparashar
May 26 2017 03:25
how do we nest a text field in a form element?
Kyle Holm
@thekholm80
May 26 2017 03:25
light themes make my eyes tired faster
Manish Giri
@Manish-Giri
May 26 2017 03:25
@CodeAstor do you really need the ar array?
Kyle Holm
@thekholm80
May 26 2017 03:26
and i'm at this like 10 hours a day lol
Manish Giri
@Manish-Giri
May 26 2017 03:26
@shivamparashar same way you nested things earlier.
Charles Astor
@CodeAstor
May 26 2017 03:26
I think so
idk
What would I do instead?
shivamparashar
@shivamparashar
May 26 2017 03:27
<form action = "/submit-cat-photo"> <input type="text" placeholder="cat photo URL"> </form>
this way?
Manish Giri
@Manish-Giri
May 26 2017 03:27
post the data
watchList
@CodeAstor
@shivamparashar yes
Charles Astor
@CodeAstor
May 26 2017 03:27
@Manish-Giri var watchList = [
{
"Title": "Inception",
"Year": "2010",
"Rated": "PG-13",
"Released": "16 Jul 2010",
"Runtime": "148 min",
"Genre": "Action, Adventure, Crime",
"Director": "Christopher Nolan",
"Writer": "Christopher Nolan",
"Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy",
"Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
"Language": "English, Japanese, French",
"Country": "USA, UK",
"Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
"Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
"Metascore": "74",
"imdbRating": "8.8",
"imdbVotes": "1,446,708",
"imdbID": "tt1375666",
"Type": "movie",
"Response": "True"
},
{
"Title": "Interstellar",
"Year": "2014",
"Rated": "PG-13",
"Released": "07 Nov 2014",
"Runtime": "169 min",
"Genre": "Adventure, Drama, Sci-Fi",
"Director": "Christopher Nolan",
"Writer": "Jonathan Nolan, Christopher Nolan",
"Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
"Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
"Language": "English",
"Country": "USA, UK",
"Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
"Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
"Metascore": "74",
"imdbRating": "8.6",
"imdbVotes": "910,366",
"imdbID": "tt0816692",
"Type": "movie",
"Response": "True"
},
{
"Title": "The Dark Knight",
"Year": "2008",
"Rated": "PG-13",
"Released": "18 Jul 2008",
"Runtime": "152 min",
"Genre": "Action, Adventure, Crime",
"Director": "Christopher Nolan",
"Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
"Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
"Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
"Language": "English, Mandarin",
"Country": "USA, UK",
"Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
"Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
"Metascore": "82",
"imdbRating": "9.0",
"imdbVotes": "1,652,832",
"imdbID": "tt0468569",
"Type": "movie",
"Response": "True"
},
{
"Title": "Batman Begins",
"Year": "2005",
"Rated": "PG-13",
"Released": "15 Jun 2005",
"Runtime": "140 min",
"Genre": "Action, Adventure",
shivamparashar
@shivamparashar
May 26 2017 03:28
the mobile on the right is showing this error message - Chrome detected unusual code on this page and blocked it to protect your personal information (for example, passwords, phone numbers, and credit cards).
Manish Giri
@Manish-Giri
May 26 2017 03:28
@CodeAstor post in a jsbin link pls.
Lance
@texas2010
May 26 2017 03:28
wow... that is too much of wall.....
Manish Giri
@Manish-Giri
May 26 2017 03:28
:disappointed:
That?
shivamparashar
@shivamparashar
May 26 2017 03:29
this nesting is not working :worried:
Charles Astor
@CodeAstor
May 26 2017 03:29
I'm using jsfiddle to test my solution and it looks like the correct output but the test does not pass
Benkavod
@Benkavod
May 26 2017 03:29
@shivamparashar what have you tried?
shivamparashar
@shivamparashar
May 26 2017 03:29
@Benkavod <form action = "/submit-cat-photo"> <input type="text" placeholder="cat photo URL"> </form>
this
Charles Astor
@CodeAstor
May 26 2017 03:30
@Manish-Giri I've never used jsbin
Benkavod
@Benkavod
May 26 2017 03:30
@shivamparashar hit refresh and see
Charles Astor
@CodeAstor
May 26 2017 03:31
Kenneth Redillas
@kcredillas
May 26 2017 03:32
What's up, everyone
shivamparashar
@shivamparashar
May 26 2017 03:33
@Benkavod Chrome detected unusual code on this page and blocked it to protect your personal information (for example, passwords, phone numbers, and credit cards).
Sidney
@Yiadom99
May 26 2017 03:33
Hello
shivamparashar
@shivamparashar
May 26 2017 03:33
this error is popping up
Manish Giri
@Manish-Giri
May 26 2017 03:33
@CodeAstor okay
Benkavod
@Benkavod
May 26 2017 03:34
@shivamparashar A few people have complained of that issue. you might choose to ignore it or try using firefox
Ravi Kishore Thella
@ravikishorethella
May 26 2017 03:34
Hello @sidney
Manish Giri
@Manish-Giri
May 26 2017 03:34
@CodeAstor I tried it, you don't need the ar array
as I was saying earlier
Charles Astor
@CodeAstor
May 26 2017 03:34
just return it without declaring a new array? @Manish-Giri
shivamparashar
@shivamparashar
May 26 2017 03:34
yeah i am going to use firefox from now on
Manish Giri
@Manish-Giri
May 26 2017 03:34
yup
@CodeAstor
shivamparashar
@shivamparashar
May 26 2017 03:35
is firefox more developer friendly?
__mifflin__
@cdrainxv
May 26 2017 03:35
Everyone I know uses chrome.
Zachary Orona-Calvert
@TheTRUEHoohah
May 26 2017 03:35
@TheTRUEHoohah
hey guys how would i record clicks on an element in JS then compare them to a set array
its for the simon says game
Benkavod
@Benkavod
May 26 2017 03:36
Chrome should be, it however seems to suffer bugs when using the fcc site
Charles Astor
@CodeAstor
May 26 2017 03:36
@Manish-Giri I'm not entirely sure how to do that
Manish Giri
@Manish-Giri
May 26 2017 03:36
@CodeAstor did you lookup .map() on MDN?
Charles Astor
@CodeAstor
May 26 2017 03:37
@Manish-Giri I'm using w3schools
go through this
Kyle Holm
@thekholm80
May 26 2017 03:37
map is super useful
Jose Lozano
@dizmo21
May 26 2017 03:39

idk what I am missing it needs re-text

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

Manish Giri
@Manish-Giri
May 26 2017 03:40
@thekholm80 for the generations in GoL
I'd need a setInterval right?
Charles Astor
@CodeAstor
May 26 2017 03:40
@Manish-Giri Thanks, I got it. I understand the array wasn't needed but it was the same output lol.
CamperBot
@camperbot
May 26 2017 03:40
codeastor sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5662 | @manish-giri |http://www.freecodecamp.com/manish-giri
Kenneth Redillas
@kcredillas
May 26 2017 03:40
@dizmo21 You need to specify type attribute in style tag
Kyle Holm
@thekholm80
May 26 2017 03:40
@Manish-Giri that's the way i did it. I stored a timer in the instance, which would update the state when it expired
Jose Lozano
@dizmo21
May 26 2017 03:41
how do I do that
Manish Giri
@Manish-Giri
May 26 2017 03:41
@thekholm80 and interval of how much? 200ms?
kolten jackson
@KoltenJackson
May 26 2017 03:41

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

Kyle Holm
@thekholm80
May 26 2017 03:41
I couldn't go below 200ms without it lagging
Kenneth Redillas
@kcredillas
May 26 2017 03:41
<style type="text/css">
Manish Giri
@Manish-Giri
May 26 2017 03:41
cool
ty @thekholm80
kolten jackson
@KoltenJackson
May 26 2017 03:41
could somebody plz help
CamperBot
@camperbot
May 26 2017 03:41
manish-giri sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 829 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Benkavod
@Benkavod
May 26 2017 03:42
@KoltenJackson add a class of red-text to your h2 html element
Jose Lozano
@dizmo21
May 26 2017 03:42
ok let me try it thanks
kolten jackson
@KoltenJackson
May 26 2017 03:42
i did didnt I?
Kyle Holm
@thekholm80
May 26 2017 03:43
@Manish-Giri i lied, looks like i used 150ms
  componentDidMount() {
    this.timerID = setInterval(() => this.tick(), 150);
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }
Chelsea
@Chelsea-Pittman92
May 26 2017 03:43
now it won't let me log back in to my account which i set up via my email address :(
and i think it erased all my progress again. which JUST happened two days ago.
Benkavod
@Benkavod
May 26 2017 03:43
@KoltenJackson no you only created a red-text css declaration
kolten jackson
@KoltenJackson
May 26 2017 03:44
how do i add it to the html element then?
Benkavod
@Benkavod
May 26 2017 03:44
@KoltenJackson you need a class=""
Kenneth Redillas
@kcredillas
May 26 2017 03:44
@KoltenJackson <h2 class="red-text">
Benkavod
@Benkavod
May 26 2017 03:45
@Chelsea-Pittman92 no password issues?
Zachary Orona-Calvert
@TheTRUEHoohah
May 26 2017 03:45

i'm stuck on the part where i record the previous turn and compare it to the challenge given to the user on the simon says challenge
this is my JS so far
$(document).ready(function(){

var turns = [];
var counts = [];
var colors = ["blue","green","red","yellow"];
function Win() {
if(
counts===20){
reset();}}

function addRandomColor() {
turns.push(colors[Math.floor(Math.random() * colors.length)]);
var level = turns.length;
$('.level').text(level);
}

var levels(){

}

function reset(){
turns=[];

}

});

kolten jackson
@KoltenJackson
May 26 2017 03:46
i did it but nothing happend
Benkavod
@Benkavod
May 26 2017 03:46
@KoltenJackson lets see what you wrote
kolten jackson
@KoltenJackson
May 26 2017 03:46

<style>
<h2 class="red-text"> {
color: red;
}
</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>

Kenneth Redillas
@kcredillas
May 26 2017 03:47
@koltenjackson specify type attribute in style tag, <style type="text/css">
Chelsea
@Chelsea-Pittman92
May 26 2017 03:47
This is the second time it happened to me, I just deleted my previous account this morning made a new everything--github too. Then it just did the same thing where it froze wouldn't let me edit code then I signed out several times to sign back in and this time it wouldn't let me so i reset my password and all my brownie points are gone :worried: @Benkavod
Benkavod
@Benkavod
May 26 2017 03:48
@Chelsea-Pittman92 Real sorry about that. You might wanna report it as a bug. https://forum.freecodecamp.com/t/how-to-report-a-bug/19543
Chelsea
@Chelsea-Pittman92
May 26 2017 03:48
will do :/ @Benkavod
Grimhammer
@Grimhammer
May 26 2017 03:48
Have you tried running it in FireFox? I had an issue executing some of the assignments due to chrome blocking scripts.
kolten jackson
@KoltenJackson
May 26 2017 03:49
once again nothing happend
Benkavod
@Benkavod
May 26 2017 03:49
@Chelsea-Pittman92 Just kept fighting on either way you're going to learn to code :+1:
Kenneth Redillas
@kcredillas
May 26 2017 03:49
@KoltenJackson and h2 should not be before the bracket

<style type="text/css">
.red-text {
color: red;
}
</style>

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

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

kolten jackson
@KoltenJackson
May 26 2017 03:50
then where would it be
Benkavod
@Benkavod
May 26 2017 03:50
@KoltenJackson this <h2 class="red-text"> is not meant to be in your style tags it is meant to be only in your html
@KoltenJackson <h2 class="red-text"> Cat...
Kenneth Redillas
@kcredillas
May 26 2017 03:53

@KoltenJackson It should be an ID attribute since you're only referring to one element though.

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

<h2 id ="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>

Benkavod
@Benkavod
May 26 2017 03:54
@KoltenJackson it's not an id but a class that you are required to create
@KoltenJackson check your challenge properly
kolten jackson
@KoltenJackson
May 26 2017 03:55
what do u mean?
Ibrahim
@IbrahimButt
May 26 2017 03:55

<script>
$(document).ready(function() {
$("button").addClass("aniamted");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary")
});
</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>

Your #target1 element should have the classes animated‚ shake and btn-primary
Can anyone help?
Benkavod
@Benkavod
May 26 2017 03:55
@KoltenJackson you have been asked to create a class of red-text for your h2 element is that correct?
kolten jackson
@KoltenJackson
May 26 2017 03:56
yes
it wants me to Use a CSS Class to Style an Element
Benkavod
@Benkavod
May 26 2017 03:57

@KoltenJackson great so take a look at 23:50 above

@KoltenJackson this <h2 class="red-text"> is not meant to be in your style tags it is meant to be only in your html

Manish Giri
@Manish-Giri
May 26 2017 03:57
@IbrahimButt $("#target1").addClass("btn-primary")
missing ;
@IbrahimButt $("button").addClass("aniamted");
typo here
Ibrahim
@IbrahimButt
May 26 2017 03:57
yeah literaly just realised n came here to say that lol
@Manish-Giri thanks anyway
CamperBot
@camperbot
May 26 2017 03:57
ibrahimbutt sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5663 | @manish-giri |http://www.freecodecamp.com/manish-giri
thantzaw
@liverpoolthantzaw
May 26 2017 03:57
hello
Benkavod
@Benkavod
May 26 2017 03:57

@KoltenJackson and

@KoltenJackson <h2 class="red-text"> Cat...

Ibrahim
@IbrahimButt
May 26 2017 03:58
5 am. ive been coding since 11pm lol
kolten jackson
@KoltenJackson
May 26 2017 03:59
im so sorry, im just not getting this
thantzaw
@liverpoolthantzaw
May 26 2017 03:59

dear seniors i write the following code line in my test but upper code does not work i do not know why can u guy show me please <lable><input type="checkbox" name="personality"> personality</lable>
<lable><input type="checkbox" name="personality"> personality</lable>
<lable><input type="checkbox" name="personality"> personality</lable>

0000000000000000000000000000000000000000000000000000000000000000000

<label><input type="checkbox" name="personality"> personality</label>

<label><input type="checkbox" name="personality"> personality</label>

<label><input type="checkbox" name="personality"> personality</label>

Martin Schmidt
@martuking
May 26 2017 04:00
hi everybody this is the first time i join this chat room, im pretty new in FCC :worried:
Benkavod
@Benkavod
May 26 2017 04:01
@KoltenJackson this is what you need to add <h2 class="red-text">CatPhotoApp</h2>
Kyle Holm
@thekholm80
May 26 2017 04:01
welcome @martuking
Martin Schmidt
@martuking
May 26 2017 04:01
i would like to ask if some body could help my with an issue i got with the freecodecamp weather app?please :)
Benkavod
@Benkavod
May 26 2017 04:01
@martuking Bienvenue!
Martin Schmidt
@martuking
May 26 2017 04:01
hi benkavod
thanks for that fast answer
Manish Giri
@Manish-Giri
May 26 2017 04:01
@KoltenJackson show your code..
Kyle Holm
@thekholm80
May 26 2017 04:01
francais?
Benkavod
@Benkavod
May 26 2017 04:02
@martuking @thekholm got to you first though
Chelsea
@Chelsea-Pittman92
May 26 2017 04:02
update on the issue @Benkavod: all my progress is "saved" but the brownie points are gone so i have to go through each challenge and just submit them all over again all of the coding is still completed
Kyle Holm
@thekholm80
May 26 2017 04:02
oh no worries, trying to set up a project over here
Benkavod
@Benkavod
May 26 2017 04:02
@thekholm80 a bit of this and a bit of that
Manish Giri
@Manish-Giri
May 26 2017 04:03
about @Chelsea-Pittman92
CamperBot
@camperbot
May 26 2017 04:03
:cookie: 56 | @chelsea-pittman92 |http://www.freecodecamp.com/chelsea-pittman92
Kyle Holm
@thekholm80
May 26 2017 04:03
je ne parle pas le francais
Manish Giri
@Manish-Giri
May 26 2017 04:03
yeah I don't think your points are gone
Kyle Holm
@thekholm80
May 26 2017 04:03
c'est tres difficile
Manish Giri
@Manish-Giri
May 26 2017 04:03
@Chelsea-Pittman92
:cookie: 56 | @chelsea-pittman92 |http://www.freecodecamp.com/chelsea-pittman92
kolten jackson
@KoltenJackson
May 26 2017 04:03

<style>
h2 class=red-text{
color: red ;
}
</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>

Benkavod
@Benkavod
May 26 2017 04:03
@Chelsea-Pittman92 seems the camper-bot just gave you your points back
Chelsea
@Chelsea-Pittman92
May 26 2017 04:03
like my progress is showing up in the challenges but the number in [x] started over
@Manish-Giri
kolten jackson
@KoltenJackson
May 26 2017 04:04
i tried adding the code benkavod but nothing happend
Benkavod
@Benkavod
May 26 2017 04:04
Peut-être un peu
Manish Giri
@Manish-Giri
May 26 2017 04:04
@KoltenJackson you're merging two things
h2 class=red-text{
color: red ;
}
kolten jackson
@KoltenJackson
May 26 2017 04:05
what things?
Jose Lozano
@dizmo21
May 26 2017 04:05
what does this mean
Your stylesheet should declare a red-text class and have its color set to red.
Manish Giri
@Manish-Giri
May 26 2017 04:05
here's an example
<style>
.my-class {
color: red;
}
</style>

<h1 class="my-class">This text will now be red because the my-class is being applied</h1>
Benkavod
@Benkavod
May 26 2017 04:05
@KoltenJackson remove h2 from here h2 class=red-text{
color: red ;
Manish Giri
@Manish-Giri
May 26 2017 04:05
  1. you first create a class in the style tags
  2. you then apply it to the element in HTML
@KoltenJackson
Kyle Holm
@thekholm80
May 26 2017 04:05
Peut-être lol
Benkavod
@Benkavod
May 26 2017 04:06
@KoltenJackson add the class="red-text" to this <h2> below
Martin Schmidt
@martuking
May 26 2017 04:06
ok
kolten jackson
@KoltenJackson
May 26 2017 04:06
iv already tried that
Martin Schmidt
@martuking
May 26 2017 04:07
somebody knows to force your browser to open pages with http instead of https???
Manish Giri
@Manish-Giri
May 26 2017 04:07
follow the example I posted
<style>
.my-class {
color: red;
}
</style>
<h1 class="my-class">This text will now be red because the my-class is being applied</h1>
Benkavod
@Benkavod
May 26 2017 04:08
@KoltenJackson look closely at @Manish-Giri's example
kolten jackson
@KoltenJackson
May 26 2017 04:09
how do u create a class in the style tags
Benkavod
@Benkavod
May 26 2017 04:09
@KoltenJackson you already did earlier with .red-text
kolten jackson
@KoltenJackson
May 26 2017 04:10
then what else do i do
Benkavod
@Benkavod
May 26 2017 04:11
@KoltenJackson look at it this way for every class in your style tags it needs a corresponding expression in your htnl
@KoltenJackson if you have made any adjustments lets see what you've done now
kolten jackson
@KoltenJackson
May 26 2017 04:12
i changed it to the example but it made the other text red so i restarted
so now i just have same as before
Benkavod
@Benkavod
May 26 2017 04:13
@KoltenJackson it is meant to make your h2 red. Are you reading through the instructions fully?
slonigrwl
@slonigrwl
May 26 2017 04:14
<button type="submit"></button>
is this is right for button
kolten jackson
@KoltenJackson
May 26 2017 04:14
yeah im just not understanding how u apply it to the element in the html
Bob
@robstone34
May 26 2017 04:14
so how do i actually make a website? like what program do i need?
Manish Giri
@Manish-Giri
May 26 2017 04:15
@slonigrwl yup
Benkavod
@Benkavod
May 26 2017 04:15
slonigrwl
@slonigrwl
May 26 2017 04:15
when i press run its not working
Manish Giri
@Manish-Giri
May 26 2017 04:15
@slonigrwl what instruction is in red on the left
slonigrwl
@slonigrwl
May 26 2017 04:16
<button type="submit">this button submits the form</button> eg given
Manish Giri
@Manish-Giri
May 26 2017 04:16
@slonigrwl <button type="submit"></button>
there's no text on your button
slonigrwl
@slonigrwl
May 26 2017 04:16
yaa
i have done that
there should be subit as text after angle braces
Manish Giri
@Manish-Giri
May 26 2017 04:17
Click "run tests" first, get the challenge URL from the browser, shorten it using https://tinyurl.com/ - and post it here
James Kirby
@JamesKirby17
May 26 2017 04:19
<button> <i class="fa fa-thumbs-up">Like</i></button>
it says my fa-thumbs-up should be located within the like button
can someone please help me
kolten jackson
@KoltenJackson
May 26 2017 04:20
i got it red put not how they want it
ugh
Manish Giri
@Manish-Giri
May 26 2017 04:20
@JamesKirby17 why are there no classes on button?
Benkavod
@Benkavod
May 26 2017 04:21
@KoltenJackson what do they want it to do?
kolten jackson
@KoltenJackson
May 26 2017 04:22
i twants it to include red-text and it doesnt want inline
Adam Bohannon
@abohannon
May 26 2017 04:22
@anirvan02chandra sorry just seeing this reply now - thank you!
CamperBot
@camperbot
May 26 2017 04:22
:cookie: 5 | @anirvan02chandra |http://www.freecodecamp.com/anirvan02chandra
abohannon sends brownie points to @anirvan02chandra :sparkles: :thumbsup: :sparkles:
Adam Bohannon
@abohannon
May 26 2017 04:23
I have a quick jquery question - is this the appropriate channel to ask it?
James Kirby
@JamesKirby17
May 26 2017 04:23
@Manish-Giri thank you!!
CamperBot
@camperbot
May 26 2017 04:23
jameskirby17 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5664 | @manish-giri |http://www.freecodecamp.com/manish-giri
Markus Ivancsics
@ivancsicsmarkus
May 26 2017 04:23
@abohannon You can ask it here.
kryssxx
@kryssxx
May 26 2017 04:24

Can someone pls help me with this

function multiplyAll(arr) {
var product = 1;
// Only change code below this line

for (var i= 0; i<multiplyAll.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
console.log (product * (arr[i][j]));
}
}

// Only change code above this line
return product;
}

// Modify values below to test your code
multiplyAll([[1,2],[3,4],[5,6,7]]);

Benkavod
@Benkavod
May 26 2017 04:24
@KoltenJackson yes you need .red-text{ } between <style></style> and this <h2 class="red-text>CatPhotoApp</h2>for your html statement
Manish Giri
@Manish-Giri
May 26 2017 04:24
@kryssxx product * (arr[i][j])
this is fine, but you need to store the result back in product
and you don't need console.log
@kryssxx for (var i= 0; i<multiplyAll.length; i++) { - and what's the function name doing here
Markus Ivancsics
@ivancsicsmarkus
May 26 2017 04:25

@kryssxx change this to:

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

to:

for (var i= 0; i<arr.length; i++) {
Adam Bohannon
@abohannon
May 26 2017 04:25
So I need to remove a URL from a button on a site at midnight tonight. Instead of staying up late, I want to try to do it with jquery. I'm a noob, but have been playing around with removeAttr. I'm wondering: Is there a way to execute my function at midnight and removeAttr href on the button?
I've successfully created a function using setInterval that removes the href after x milliseconds, but thats not what I need since that loads w/ the page.
kryssxx
@kryssxx
May 26 2017 04:26
@Manish-Giri when you say store it, do u mean this product = product * arr[i][j];
Bert
@bertm270
May 26 2017 04:26
How do I add a class in img element to make the imgage 100px? I have the code typed out right I think but am not sure if I'm putting it in the wrong place.
Manish Giri
@Manish-Giri
May 26 2017 04:27
@kryssxx yup
kolten jackson
@KoltenJackson
May 26 2017 04:27
i did that and came up with =0||Object.prototype.hasOwnProperty.call(e,s)&&(r[s]=e[s]);return r}var _extends=Object.assign||function(e){for(var t=1;t
Manish Giri
@Manish-Giri
May 26 2017 04:27
@bertm270 post your code here.
kolten jackson
@KoltenJackson
May 26 2017 04:27
???
Markus Ivancsics
@ivancsicsmarkus
May 26 2017 04:27
@abohannon you have to calculate the miliseconds until midnight
Adam Bohannon
@abohannon
May 26 2017 04:27
This is the base code I'm playing around with to test: https://codepen.io/abohannon/pen/mmgPmg
Bert
@bertm270
May 26 2017 04:28

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

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

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

Benkavod
@Benkavod
May 26 2017 04:28
@KoltenJackson show us what you have now one more time
kryssxx
@kryssxx
May 26 2017 04:28

for (var i= 0; i<length; i++) {
for (var j = 0; j < arr[i].length; j++) {
product = product * (arr[i][j]);
}
}

// Only change code above this line
return product;
}

@Manish-Giri
Adam Bohannon
@abohannon
May 26 2017 04:28
@ivancsicsmarkus but the milliseconds restart every time the page loads.
Manish Giri
@Manish-Giri
May 26 2017 04:28
i<length
Markus Ivancsics
@ivancsicsmarkus
May 26 2017 04:28
@abohannon use this! This will calculate the time until midnight. You can setTimeOut using this variable.
var delay_to_midnight = Date.parse((new Date()).toString().replace(/\d\d:\d\d:\d\d/,'00:00:00')) + 86400 * 1000 - Date.now()
Manish Giri
@Manish-Giri
May 26 2017 04:28
length of what?
@kryssxx
i<length
kryssxx
@kryssxx
May 26 2017 04:28
right, got it! Thanks @Manish-Giri
CamperBot
@camperbot
May 26 2017 04:28
kryssxx sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5665 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
May 26 2017 04:29
:+1:
kolten jackson
@KoltenJackson
May 26 2017 04:29

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

kryssxx
@kryssxx
May 26 2017 04:29
Just a quick question, at the bottom I have this
multiplyAll([[1,2],[3,4],[5,6,7]]);
Sam Soucie
@samdsou
May 26 2017 04:29
@bertm270 keep the smaller image class within the same style tags
kryssxx
@kryssxx
May 26 2017 04:29
and in my code, I have a for loop for the arrays i and j
Sam Soucie
@samdsou
May 26 2017 04:29
@bertm270 like in the beginning
kryssxx
@kryssxx
May 26 2017 04:29
theres three arrays there, but I have only specified two in my code, so I don't think I have iterated through all the elements...
do you know what I mean
Markus Ivancsics
@ivancsicsmarkus
May 26 2017 04:30
@abohannon so, when you load the page, it’ll calculate the time until midnight
Manish Giri
@Manish-Giri
May 26 2017 04:30
@kryssxx there's three arrays but there's only 2 levels of it.
one outer array - containing three inner arrays
so 2 for loops.
kryssxx
@kryssxx
May 26 2017 04:31
Right, so i represents the whole thing, whereas j is just the ones inside combined
Manish Giri
@Manish-Giri
May 26 2017 04:31
yes
kryssxx
@kryssxx
May 26 2017 04:31
Thanks!
@Manish-Giri
Manish Giri
@Manish-Giri
May 26 2017 04:31
:+1:
Adam Bohannon
@abohannon
May 26 2017 04:31
@ivancsicsmarkus THank you! My apologies, but I'm still getting used to reading js. Do I need to change the date in that.... expression?
CamperBot
@camperbot
May 26 2017 04:31
abohannon sends brownie points to @ivancsicsmarkus :sparkles: :thumbsup: :sparkles:
:cookie: 521 | @ivancsicsmarkus |http://www.freecodecamp.com/ivancsicsmarkus
Bert
@bertm270
May 26 2017 04:32

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

Here's what I've done and it still says it's not correct.
Sam Soucie
@samdsou
May 26 2017 04:32
@bertm270 what does it say is incorrect?
Benkavod
@Benkavod
May 26 2017 04:32
@KoltenJackson this <style>
.red-text { color: blue; } cannot have color: blue because it is meant to be red you should create another declaration ie .blue-text {}
Bert
@bertm270
May 26 2017 04:33
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Manish Giri
@Manish-Giri
May 26 2017 04:33
@bertm270 <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
add the smaller-image class to the img element here
Markus Ivancsics
@ivancsicsmarkus
May 26 2017 04:33
@abohannon No, you don’t have to. If you are going to use timing a lot, get to know Moment.js!
kolten jackson
@KoltenJackson
May 26 2017 04:33
i didnt mean to have blue on there
Sam Soucie
@samdsou
May 26 2017 04:33
@bertm270 you need to put the class on the image
kolten jackson
@KoltenJackson
May 26 2017 04:33
i changed it to red
Benkavod
@Benkavod
May 26 2017 04:34
@KoltenJackson have you tried running it?
Bert
@bertm270
May 26 2017 04:34
Do I add it within the same <> as the rest of the img description?
kolten jackson
@KoltenJackson
May 26 2017 04:34
yeah it just comes up with some random stuff
Sam Soucie
@samdsou
May 26 2017 04:34
@bertm270 yes
Benkavod
@Benkavod
May 26 2017 04:35
@KoltenJackson try refreshing your browser
Bert
@bertm270
May 26 2017 04:35
Thank you @samdsou
CamperBot
@camperbot
May 26 2017 04:35
bertm270 sends brownie points to @samdsou :sparkles: :thumbsup: :sparkles:
:cookie: 142 | @samdsou |http://www.freecodecamp.com/samdsou
Bert
@bertm270
May 26 2017 04:35
Thank you @Manish-Giri
CamperBot
@camperbot
May 26 2017 04:35
bertm270 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5666 | @manish-giri |http://www.freecodecamp.com/manish-giri
kolten jackson
@KoltenJackson
May 26 2017 04:35
it stayed the same
Benkavod
@Benkavod
May 26 2017 04:36
@KoltenJackson try firefox
kolten jackson
@KoltenJackson
May 26 2017 04:36
i dont have it
Benkavod
@Benkavod
May 26 2017 04:37
@KoltenJackson are you able to install it or else you can try signing out and sign back in to your fcc account
Sharan Yalburgi
@sharanry
May 26 2017 04:39
hey, how do you move a html element from one place to another ... making sure its deleted in its original place(using jQuery)
Mukul Agrawal
@mukul09
May 26 2017 04:40
@sharanry use appendTo method
kolten jackson
@KoltenJackson
May 26 2017 04:40
@Benkavod i just noticed i didnt have my "" marks. im sorry for all the trouble thanks a lot for the help
CamperBot
@camperbot
May 26 2017 04:40
koltenjackson sends brownie points to @benkavod :sparkles: :thumbsup: :sparkles:
:cookie: 240 | @benkavod |http://www.freecodecamp.com/benkavod
Sharan Yalburgi
@sharanry
May 26 2017 04:41
tried that... but that doesnt remove it from the original place... since after using appendTo it will have the same id at two different place how do i pin point the original element to remove