get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
Hello - for "Create a Bootstrap Button" - how would you input "
Create a new button element with the text "Like".
Your new button should have the class btn."?
Create a new button element with the text "Like".
Your new button should have the class btn."?
having trouble on lesson 79
responsively style radio buttons
<div class="row">
<div class="col-xs-4">
<div class="row">
<div class="col-xs-6"><button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button></div>
</div>
<div class="col-xs-4">
<div class="col-xs-6"><button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button></div>
</div>
<div class="col-xs-4">
<div class="col-xs-6"><button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button></div>
</div>
</div>
</div>
<div class="col-xs-4">
<div class="row">
<div class="col-xs-6"><button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button></div>
</div>
<div class="col-xs-4">
<div class="col-xs-6"><button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button></div>
</div>
<div class="col-xs-4">
<div class="col-xs-6"><button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button></div>
</div>
</div>
</div>
thats what i tried
doesn't look great not sure what to do
any suggestions?
@ghanzo whats the name of the lesson u r on?
responsively style radio buttons
@JordanPPowell
I've just realized i was styling the wrong buttons
woops
@ghanzo lol it happens
@ghanzo I pm'd you the correct code if you want to look it over and discus
@JordanPPowell yes it does
thanks!
I just got through to the next one
which number are you on?
I'm doing algorithmic scripting atm
yeah ok, way up there
good luck
thanks, you too
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
${"#target4"}.html("")
});
</script>
<!-- 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>
can someone help , i need to "Change Text Inside an Element Using jQuery" can someone give me a example , i'm confused
anyone available for a question?
@rtrtrtrtrtrtrtrtrtrtrtrtg challenge url? I don't know much about jQuery but I can take a look
@j-omar89 on?
holy urls wtf
I had to do the challenge again because I haven't even used jquery since I did those and it's still new to me
$("#target4").html("<em>#target4</em>");
Targeting #target4 and changing the .html to emphasized
simple when you think about it
@j-omar89 sure what do u need?
@rtrtrtrtrtrtrtrtrtrtrtrtg still need a hand?
okay thanks,
@rtrtrtrtrtrtrtrtrtrtrtrtg whats the name of the lesson you are on?
no' Girizima helped thanks anyway though
ok
sure do @JordanPPowell
You're replacing the html entirely so that's why you have to retype it in the second ()
@j-omar89 whats the name of the lesson you are on, and what do you need help with?
okay thanks @Girzima
rtrtrtrtrtrtrtrtrtrtrtrtg sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 167 | @girzima |http://www.freecodecamp.com/girzima
i just started. Its called Change the Font Size of an Element
say my old solutions which were correct then are correct now due to changes in questions should I update those solutions ?
are not correct now *
@j-omar89 what do you need help with?
<style>
.red-text {
color: red;
}
<p> .font-size: 16px;
</p>
</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 </p>
not sure what I am doing wrong.
Cannot change the font size.
<p> .font-size: 16px; is incorrect
:worried:
<style>
.red-text {
color: red;
}
p { font-size:16px;}
</style>
.red-text {
color: red;
}
p { font-size:16px;}
</style>
@j-omar89 That is the correct way to do it
Dont we have to start that with a period?
@j-omar89 I will private message you the correct code and then I can explain it to you
@j-omar89 period references class names. Regular html element can be referenced directly eg) body
It's best to explain it, not just give the answer straight away
if possible
@JordanPPowell thank you @JohnnyBizzel thank you too
j-omar89 sends brownie points to @jordanppowell and @johnnybizzel :sparkles: :thumbsup: :sparkles:
:cookie: 264 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
:cookie: 511 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
@Girzima It's helpful to have the answer also if you take the time to learn from it, that's how I learned java ages ago
@j-omar89 :+1:
I'll reiterate
Answer and explanation
@Girzima definitely lol
hmm....using gitter via irc has its cons you cannot edit your messages
@Girzima helped someone on a couple of JS lessons the other day by giving the answer then spending 90 min with them making sure they understood it all. No point in knowing the answer if you don't understand it lol
good evening
quick question is jquery useless? because couldn't you just change the html code instead of making another coded to go alongside it?
evening @reginaldo173
@rtrtrtrtrtrtrtrtrtrtrtrtg jquery is useful for small to medium size front end projects , or you could use mootools ~ for larger ones
check here --> http://mootools.net/
okay because in the tutorials so far it just seem useless when you can just go back and edit the html. thanks for the answer
I have two images, the second one should have the class img-responive. What's wrong here:
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<a href="#"><img class="img-responive" src="https://bit.ly/fcc-running-cats"> </a>
<a href="#"><img class="img-responive" src="https://bit.ly/fcc-running-cats"> </a>
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone("#target5").appendTo("left-well");
});
</script>
spelling error
@edgewood1 spelling error
why idsnt this copying to left well?
img-responive
isnt*
@edgewood1 responsive is spelled wrong
nvm fixed it myself
there was no "#" in front of left-well
Hello all.
@rtrtrtrtrtrtrtrtrtrtrtrtg
?
lol not sure, must have accidentally clicked when I closed browser by mistake
lol
how do i make my image smaller in html
@maxofato I it's style you can put the attribute "width" and set the size in px or %..
whats the bonfire?
i typed that in and it s not working
post code
Hello all
try inline style, if you are using a class of css
var code=".smaller-image {
width: 100px;
}"
width: 100px;
}"
lmao idk how to post the code
@maxofato post the html of the img
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
you have to assign the class to the html
what do i do?
but img before it?
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> @maxofato
.smaller-image is the css class... yo have to assign it to the element that you want to modify.. in this case the img element
so do i put that under style?
nope
in the img element
that's the trick of declare a class... yo write a class to assign it to every element you want and not to have to write "style" on every one
in the img element simply assign the class smaller-image, using the attribute "class"...
ah okay
thank you very much
no problem! don't doubt to ask anything else that you dont understand :)
Give your body element the background-color of black.
Use the hex code for the color black instead of the word black. For example body { color: #000000; }
Use the hex code for the color black instead of the word black. For example body { color: #000000; }
hello guys
<style>
body { color: #000000;
background color: black;
}
</style>
body { color: #000000;
background color: black;
}
</style>
what did i do wrong?
@Anukath hello
I recently graduated from a computer programming course. I am looking for a programming job or an internship near Toronto, Canada. Any recommendations
@janesuit You need to use hex code to set color.
@janesuit you set to black using "#000000" the attribute color, not the background-color
@Raptortilla :+1:
@Anukath Check with Ardan Labs. Pretty sure he's in that area.
<style>
body { color: #000000;
}
</style>
body { color: #000000;
}
</style>
like this?
@janesuit no
@janesuit
<style>
body {
background-color: #000000;
}
</style>
@jadefox10200 exactly!
Not sure how to do this: "Make sure you have texted all HTML elements in .container-fluid" If the dot is there, doesn't that mean I add something to styles?
@jadefox10200 thanks..
anukath sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 343 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
Not texted ... *nested.
@jadefox10200 ty
janesuit sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 344 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
@LeslieShort You should be adding the class in the style like you said but you also need to add the div that the style is going to be pointing to.
@Anukath What course did you complete?
its a computer programming course from sheridan college
so should it be .container-fluid {div: html;}
Java, mobile web development, rdbms
@LeslieShort more like;
<div class="container-fluid">
<!-- ALL other code here -->
</div>
@LeslieShort the class .container-fluid is built-in to bootstrap so you don't need to define it yourself in style.
Thank you, @jadefox10200
leslieshort sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 345 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
Hi everyone! I'm stuck with Add Font Awesome Icons to all of our Buttons. Who can help?
@beezzet7 I can help you
ok @JordanPPowell
@beezzet7 I will pm you
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
<i class="fa fa-trash"></i>
<i class="fa fa-info-circle"></i>
<i class="fa fa-thumbs-up"></i>
</div>
</div>
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
<i class="fa fa-trash"></i>
<i class="fa fa-info-circle"></i>
<i class="fa fa-thumbs-up"></i>
</div>
</div>
@beezzet7 I private messaged you
ok @JordanPPowell
How its work? @JordanPPowell
@beezzet7 Do you see me on the left hand side under all conversations?
Yes @JordanPPowell
Yo guys sup
hello there
I added .silver-background {
background-color: silver;
} to div element but is not working!!!
background-color: silver;
} to div element but is not working!!!
@Gloriious hey need a hand?
Yea
I'll pm you @Gloriious
Hi, I'm working on the challenge 'sorted union'. I was wondering if anyone could help me solve an issue where my loop stops iterating after the first pass. I don't see why it's happening.
@rungol pm!
@JordanPPowell Thanks
gloriious sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 283 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
@rungol If you post your code someone will spot your problem
<div width=100%> not working??
please help
@Sid-kul I will pm you
whats pm
@Sid-kul private message
@Sid-kul You should see it on the left hand side under All Conversations
This message was deleted
This message was deleted
This message was deleted
@JordanPPowell Thanks again
sid-kul sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 288 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
Hello, help please. I'm failing to change the font
now I figured it out by myselt
Directions: Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
@onna8 I will pm you
what is pm me, mean?
You should see it on the left hand side under All Conversations
private message
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
<label><input type="radio" name="indoor-outdoor">Indoor</label>
<label><input type="radio" name="inoor-outdoor">Outdoor</label>
@Prototypej20sx need a hand?
Has anyone ever had an issue with the git-it repository challenge?
I made the two labels about its not passing me
yea
@Prototypej20sx I'll pm you
okay
I've created the folders as specified in the challenge, but the git-it verify command keeps coming back with fail
Anyone?
I know that I am creating the files correctly, but the js workplace isn't acknowledging them.
@Datoufa I haven't done that challenge. I use github though so not sure if I would be able to actually help.
@Datoufa If you like, pm me the url and I can take a look.
@jadefox10200 The url to what exactly? I just started this js.workplace and downloaded github, and I'm not even exactly sure how they're interacting
@Datoufa the url to the challenge. I haven't read it before so don't know what you're doing.
@jadefox10200 Ah okay Git-it Challenges
@jadefox10200 Actually the one that doesn't work is the previous challenge, repository
Hi
@Datoufa You're using the terminal to do everything?
Yea, so I'm working from the local terminal on my computer, but then I use the jsworkplace to verify that I did things correctly
Would like to help me with one of my challenges, it keeps saying i didn't close my label, but i did :/
@Datoufa I'm not familiar with jsworkspace to be honest. What does that mean?
Are you talking about when you type
git -it verify?
@emiccheese which challenge are you on?
Hi All, I have a quick question if any of you would like to help out I'd appreciate it. My code appears to be right when I see the product in the emulator. However FCC is telling me my text is not centered nor colored.
<div class="text-primary text-center"><h3> jQuery Playground</h3></div>
So here is the original challenge on freecodecamp
But you need to download and use a few other programs/websites for this section
Of which jsworkspace is one
@JordanPPowell Checkboxes
@emiccheese I will pm you
Thanks!
@Datoufa So you're using git from C9 then, not your own disk?
@emiccheese I pm'd you
@jadefox10200 The files are stored locally on my computer, I can see them in my documents. I'm running both github and C9 simultaneously. Doing the github stuff on my computer, then checking it through this program called git-it which is running on c9.
I should appear left hand side under All Conversations @emiccheese
If the git-it is running on C9 it won't see the files on your computer.
@Datoufa Like I said, I didn't do that challenge but I would download the git-it application and do it from there. This way git-it can see what is on your computer.
I did that personally prior to coming to FCC.
Or, do everything from C9. Like, set up the files and repo on C9 so git-it can see what you're doing.
@jadefox10200 Okay I see what I was doing wrong. I was just confused why it wanted me to download gitit and shell on my computer. It wants me to run the programs from the C9 terminal.
Yeah. You'd have to either do everything on C9 or everything on your computer.
Otherwise, git-it can't see what is happening on your computer from C9.
Hope that helps.
$(document).ready(function() {
$("#target1").css("color", "red");
$("target4").html("<em>target4</em>")
});
@Myth-Fyre You're missing the
#'s
@jadefox10200 the button id doesn't have a # and i can't change code outside of that area
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>target4</em>")
});
The
# indicates to JQuery that you are referencing an id.
doesn't help
just tried it
<div id="target4">
please copy paste the url so I can see it.
@jadefox10200 Yea it did, although it seems obvious in hindsight that I was doing it wrong! Thanks!
datoufa sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 346 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
Can I ask one of you to look at a line of code real quick?
@Datoufa Sure, now worries.
@iJoshmo Sure.
<div class="text-primary text-center"><h3> jQuery Playground</h3></div>
@iJoshmo What is the name of that challenge? Your code looks ok at first glance.
The emulator shows the text being colored and centered but FCC keeps saying it's not.
Create a bootstrap headline
@jadefox10200 the url is way to long to be effective, the section is "Change Text Inside an Element Using jQuery
@iJoshmo can you post the rest of your code
@iJoshmo I will pm you
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>#target4</em>")
});
</script>
<!-- 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>
That's all I have
@iJoshmo I private messaged you
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>#target4</em>";
});
</script>
Where do I check PM's? I'm brand new to this.
left side
under All coversations
@iJoshmo apply the class directly to the h3 tag - no div needed
@iJoshmo you should see me
@Myth-Fyre I just copied your entire code into the challenge and it passed.
except i just figured out that i forgot a semi-colon
@jadefox10200 thanks though
myth-fyre sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 347 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
@JordanPPowell I don't
Im still looking
@iJoshmo Color your h3 element with the text-primary Bootstrap class, and center it with the text-center Bootstrap class.
Which means you don't need the div. The classes should go right to your h3
Hmm.... I'll see if I can do that.
@iJoshmo let me know if you need more help
Yeah, I'm not really sure where to begin with that.
Do you see All conversations on the left?
I just expanded the chat from a sidebar to a full window and now I see what's on the left.
@iJoshmo ok see me?
@iJoshmo Try clicking the home symbol at the top left :)
Yep
Hi guys
im facing a problem with trying to change the font size of an element
@Maseeh121 What's the problem?
<style>
.red-text {
color: red;
}
p {
font-size=16px;
}
p
</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>Kitty ipsum Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
you have an extra p in your style
oh
delete that and see if it runs
<style>
.red-text {
color: red;
}
p {
font-size:16px;
}
</style>= to a :
@Maseeh121 Also
font-size: 16px; You have an equals, it's a colon
@LPR-309 :wink:
@jadefox10200 =p
@Maseeh121 you are missing : also
@Maseeh121 you have an = by accident.
got it! thanks guys
:point_up_2:
is there a way I can send you guys brownie points or something? lol
@jadefox10200 thanks
sorry jadefox10200, you can't send brownie points to yourself! :sparkles: :sparkles:
haha
lol
You just say thanks and click the username
thanks @jadefox10200
jordanppowell sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 348 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
:p
thanks @jadefox10200 @JordanPPowell @LPR-309
maseeh121 sends brownie points to @jadefox10200 and @jordanppowell and @lpr-309 :sparkles: :thumbsup: :sparkles:
:cookie: 349 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
:cookie: 300 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
:cookie: 370 | @lpr-309 |http://www.freecodecamp.com/lpr-309
now I need milk...
lol
Does anyone here actually do tech as a profession?
yep
And at what point do you know if you're ready to actually go to work?
@jadefox10200 I had a friend get hired with virtually no experience and they taught him everything. Although...that's definitely more luck than anything lol
I build apps and do a lot of other things but I look at the hard algorithms at hackerrank. :eyes:
:crystal_ball:
@JordanPPowell Where was that? I assume a smaller company?
Yup in San Fran @jadefox10200
Love San Fran. I would take any job there. lol
@jadefox10200 They told him they rly liked him as a person and believed they could teach anyone the skills lol
@jadefox10200 He got paid crap at first, now 4 yrs later he works remotely and makes 6 figures lol
Wow. That's cool. To me, the Bay Area is where I'm from. :heart:
I gone through three other industries and now I want to work in tech as my final.
Any words of wisdom @lydatech ?
Depends on the area you want to get into
@jadefox10200 lol I also have a weird resume. My friend is getting me hired in June though, so I figure I would like to learn as much as I can by then since I will just be doing front end web dev
get really good at the thing youre doing. dont spread yourself too thin
@lydatech Smart words. I'm failing at that horribly. lol.
Currently, it seems that I'm doing a bit of everything. MySQL, GO, C, front-end to name a few.
too many people jump around and dont learn any one thing with any depth. When someone goes to hire they look for people that have strong skills in whatever they need. Being a jack of all trades so to speak can hurt
@lydatech Thanks for the insight
jordanppowell sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1126 | @lydatech |http://www.freecodecamp.com/lydatech
Makes sense. Where I work, there are almost no developers and so to get anything up and running I have to do it all.
@lydatech So, if I suck at design, would it still be worth doing front-end? I have more experience with HTML/CSS/JS than anything else and am pretty good at GO for my servers.
I can build, but not design.
hey guys I'm having some trouble, any help? Give the text input in your form the class form-control.
@noahlievable Can you show the code you currently have?
yeah
a lot of developers suck at the layout end of it. Get graphics guys to design what they want to see then turn it into something functional. Thats a normal thing
@lydatech Ok cool. And when someone is looking for front-end, is there much beyond HTML/CSS/JS that they're looking for?
<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 class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form> @jadefox10200
<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 class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form> @jadefox10200
I figure if I can get started, I can learn the rest on the job.
yeah the more advanced stuff would be Node for sure then some type of pre-processor. React and Angular is good too
You need to add the class form-control to the input I believe. ;
<input class="form-control" type="text" placeholder="cat photo URL" required>
one sec ill send you a video
@lydatech Awesome. Super helpful. Although I almost killed myself trying my hand at Angular on Friday.
lol
Make sure you have a firm foundation in Javascript
how do i put a picture on a website if it's on my pc?
@Gizzly you need to host the picture somewhere first
@lydatech I see. Ok, I'll watch the video and see. I highly favor GO over javascript. That was my main debate if front-end was right for me.
thanks a bunch @jadefox10200
noahlievable sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 350 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
thanks @lydatech
jadefox10200 sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1127 | @lydatech |http://www.freecodecamp.com/lydatech
thanks @lydatech
gizzly sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1128 | @lydatech |http://www.freecodecamp.com/lydatech
@Gizzly Please use my dropbox referral link if you sign up for a dropbox acct so I can get another 500MB! https://db.tt/JBhh3niM
Not like I'm running out of space but who knows what the future holds
I read I can center everything in a div by adding the class "text-center" to the div but it doesn't work :/
@Gizzly which lesson?
@rjstone I used postimage.org s
@JordanPPowell I'm trying to make the personal portfolio
The only thing I've heard of that is blocked on codepen is imgur. Haven't tested it myself.
I haven't been around for a long time
Hello, help please :smile: how do I assign my silver class to my div element? Thanks so much!
Something like this can also make things easier: https://getsharex.com/
@tjoneshorner <div class="silver">
@Gizzly use center-block
Just add the class="..." to the existing div
text-center is only on inline elements
Hello world!...today is my first day here at freecodecamp...i am really glad to be a part this wonderful community! 😊
welcome to FreeCodeCamp @abhinay141!
@abhinay141 Hello and welcome :)
anybody run into issues on “Escape Sequences in String”?
i know i have correct output but it’s still failing
hello everyone ! Its my first day at freecodecamp and i want guidance of all the wonderful people here !! thanks
@lydatech I'm trying to use text-center for centering text and center-block for images but they don't seem to be working :/
@ra-dhika Hello and welcome:)
@digimarktech need a hand?
@JordanPPowell yes please
@digimarktech post your code and I'll take a look
var myStr = "FirstLine\n\SecondLine\\rThirdline";
@ra-dhika welcome and good luck!
Hey @Manish-Giri
@Gizzly set the image to a block element then use center-block
@digimarktech I will pm you
@JordanPPowell ok
im assuming youre using bootstrap as youre using bootstrap class names
This message was deleted
@jadefox10200 wsup
pset6. lol
lol
i’m just at 2
If you're at pset2 already then you're moving pretty quick.
@lydatech I'm sorry I don't understand how do I set an image to a block element
you can give it a class
@lydatech When I was doing the tribute page I used text-center for text and center-block for images I don't understand why they don't work now :/
and in the class use
display: block;
@Gizzly its all abstract without seeing your code
http://codepen.io/Gizzly/pen/mABqdZ @lydatech
@Gizzly you havent loaded bootstrap into your project for one
@lydatech ehm sorry :D.. thanks a lot
gizzly sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:warning: gizzly already gave lydatech points
@lydatech OK, so I saw that video plus a few others. Basically, I should spend time right now on CSS and JS to have them down cold and for responsive. Would you mind taking a second by looking at my portfolio page to give feedback on it for improvements?
Probably, the next thing I should do with the page is make it responsive as only some parts are.
@Gizzly http://codepen.io/lydatech/pen/XjZzzQ i forked it for you
@jadefox10200 ok
@jadefox10200 looks good but why the ocean.jpg image?
Hi, What does it mean to "comment out your call"?
lol. You'd have to read the bio to understand. First thing I did in life was went to work on ships from the age of 15 - 20.
Think I should change it? @lydatech
@jadefox10200 i understand the like of it. Im just think it breaks the layout. It seems like it doesnt fit(not needed) also your links you cant tell what are links
@jadefox10200 overall looks really good
@lydatech Which links?
You mean the ones on the right in the nav?
any of them. They just look like the rest of the text. You cant tell its a link. for example the "How I Learned Programming" link on the bottom
I see what you mean.
What's the most common approach for that? Change the color slightly?
@jadefox10200 color is tough because of color blind people
Or just underline?
@jadefox10200 that or a slightly stronger font weight.
Ok, will do.
@mosem24 it means to put comments around your code
Thank you. I got it to work!
I think I need to make it responsive though. What's the best place to learn how to do that? I'm not using bootstrap because it messes with all of my formatting.
@mosem24
<!-- this is a comment -in HTML-->
For example, when you make the browser narrow, the top image starts doing odd things.
can someone with this this?
Make sure you have nested all HTML elements in .container-fluid.
@lydatech roger that!
@jadefox10200 media queries
@janesuit
<div class="container-fluid">
... your html
</div><link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
<div class="container-fluid"></div>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
hey guys how do I add text to my h3 element? <h3 class="text-primary text-center"></h3>
ad the text be jQuery Playground
@janesuit your line at the top of the html
<div class="container-fluid"></div> you need the ending </div> at the bottom of the html not right next to the <div class="container-fluid">
<h3 class="text-primary text-center">put the text here</h3> @noahlievable
thats right i remember now, thanks @ionutlenuta
noahlievable sends brownie points to @ionutlenuta :sparkles: :thumbsup: :sparkles:
:cookie: 404 | @ionutlenuta |http://www.freecodecamp.com/ionutlenuta
function pre(e){ e.preventDefault(); }//why i change to event, it will work perfectly to prevent after press enter all search results disappear;
function loadData() {
var wikiUrl="https://en.wikipedia.org/w/api.php?format=json&action=query&generator=search&gsrnamespace=0&gsrlimit=10&prop=extracts&exintro&explaintext&exsentences=1&exlimit=max&callback=?&gsrsearch="
var value=$("input").val();
$.getJSON(wikiUrl+value, function(data) {
var obj=data.query.pages;
var HTMLnodes = "";
// build up the results
$.map(obj,function(v,i){
HTMLnodes += "<div id='wikiDiv'><a href='https://en.wikipedia.org/wiki/"
+v.title+"' target='_blank'><h2 id='wikiTitle'>"+v.title+
"</h2>"+"</a><h4 id='wikiExtract'>"
+v.extract+"</h4></div>"
});
//remove old search results
$("#wikiContent").empty();
//add new results
$("#wikiContent").append(HTMLnodes);
});
pre(e);//why i change to event, it will work perfectly to prevent after press enter all search results disappear;
}question:
pre(e);//why i change to event, it will work perfectly to prevent after press enter all search results disappear?, function pre(e){ e.preventDefault(); }//why i change to event, it will work perfectly to prevent after press enter all search results disappear?
/collapse-all
@lydatech it still marked wrong
@janesuit i dont even know what challenge youre on
im out. Have fun guys/gals
@janesuit Everything seems correct
people I need help with the commenting HTML challenge...can anyone help me out?
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
<div class="container-fluid">
...html
</div>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
function pre(e){ e.preventDefault(); }//why i change to event, it will work perfectly to prevent after press enter all search results disappear;
function loadData() {
var wikiUrl="https://en.wikipedia.org/w/api.php?format=json&action=query&generator=search&gsrnamespace=0&gsrlimit=10&prop=extracts&exintro&explaintext&exsentences=1&exlimit=max&callback=?&gsrsearch="
var value=$("input").val();
$.getJSON(wikiUrl+value, function(data) {
var obj=data.query.pages;
var HTMLnodes = "";
// build up the results
$.map(obj,function(v,i){
HTMLnodes += "<div id='wikiDiv'><a href='https://en.wikipedia.org/wiki/"
+v.title+"' target='_blank'><h2 id='wikiTitle'>"+v.title+
"</h2>"+"</a><h4 id='wikiExtract'>"
+v.extract+"</h4></div>"
});
//remove old search results
$("#wikiContent").empty();
//add new results
$("#wikiContent").append(HTMLnodes);
});
pre(e);//why i change to event, it will work perfectly to prevent after press enter all search results disappear;
}question:
pre(e);//why i change to event, it will work perfectly to prevent after press enter all search results disappear?, function pre(e){ e.preventDefault(); }//why i change to event, it will work perfectly to prevent after press enter all search results disappear?
@abhinay141 I can help you
Hey guys does anyone know on how to make a img element to have the class smaller-image with 100 pixels. This is what I have. <img class="smaller-image"
<style>.smaller-image {width:100px;}</style>
Hello
I am still here @JordanPPowell
@abhinay141 I will private message you
okay
@kwarsi45 after the { need to be in next line.
@abhinay141 Click on the home icon top left corner, I will be under All Conversations
like…{
.smaller-image {
width: 100px;}
width: 100px;}
@lydatech I know I have a lot of questions here but: How important is algorithms knowledge for front-end?
@zheria did you have a question with that part?
nope, I was trying to help the above question
I am stuck at trying to figure out "WHERE" to put that <style>
.smaller-image {
width: 100px;
}
</style>
.smaller-image {
width: 100px;
}
</style>
can you help me?
@mosem24 I will private message you
trying to resize the image
You can add that to the top
to the very top?
@janesuit I did what you said but its' giving me problems. did i wrote my class correctly for the img element <img class="smaller-image"/>
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
and then <img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat">
okay...still not working.
refresh?
@kwarsi45 I will private message you
thanks @JordanPPowell
abhinay141 sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
thanks @JordanPPowell and @zheria for your help!
mosem24 sends brownie points to @jordanppowell and @zheria :sparkles: :thumbsup: :sparkles:
:cookie: 46 | @zheria |http://www.freecodecamp.com/zheria
:cookie: 305 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
hello im stuck on "Create a Text Field". It looks extremely easy to do but im not understanding the instructions, because im typing '<input class="text">' just like it said but its not doing anything
never mind i got it
:)
How do i nest my text input within a form element?
<form><input type="text"> </form>
Can someone help me center elements in Bootstrap columns? Here is a link to my Code Pen: https://codepen.io/JnthnWJ/pen/jrwoxa
The elements are near the bottom
Hey people need help : -
why does my object property keep getting lost??
@DadenB need a hand?
@JordanPPowell no i got it now but thanks anyway
dadenb sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 306 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
@zheria thanks also
dadenb sends brownie points to @zheria :sparkles: :thumbsup: :sparkles:
:cookie: 48 | @zheria |http://www.freecodecamp.com/zheria
Why i cannot sign in the freecodecamp
test...
Anyone able to help me with Golf Code ?
@backchristoffer Sure.
<h2 style="colour:red">CatPhotoApp</h2>
@backchristoffer what do you need help with? :)
how can i Send smileys?
type
: and you'll see
@iVeryShai need a hand?
@jadefox10200 @JordanPPowell function golfScore(par, strokes) {
// Only change code below this line
if (4 == 1){
return "Hole-in-one!";
}
// Only change code above this line
}
// Change these values to test
golfScore(5, 4);
why does it not change to red? <h2 style="colour:red">CatPhotoApp</h2>
:+1:
this should be changed firstly;
if (4 == 1){
only limited smileys :worried:
@iVeryShai
color not colour
ohhh
haha
thanks
@jadefox10200 yes I realise that but to what?
@backchristoffer You need to check if par == 1
sorry
not par
I meant strokes. lol
strokes not par
Haha
if (strokes == 1){
clearly don't play golf enough.
golf is incredibly boring...at least when sober
lol
Anyway, this way it checks the value of strokes. If it's one, then that's a hole in one.
@jadefox10200 @JordanPPowell Golf is not my BAG HEHEHEHEE. thanks alot for the help guys.
backchristoffer sends brownie points to @jadefox10200 and @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 351 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
:cookie: 307 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
then you'd do some else if to check if strokes was == par-2, par-1, par, etc.
turnSeq.push(panelId); //array ispopulated by id of panel pressed
if (turnSeq.length <=1 || turnSeq.length > pSeq.length) { //Pushes only new moves into playerSeq Array after 1 move has been made.
var removed=turnSeq.splice(10,1); //get only the last move of the turn into player array as the SIMON game only goes up 1 move per turn
pSeq.push(removed); //push that move into player array...
};
@123xylem I haven't used splice a bunch. if you want to get the last item why not use;
turnSeq[turnSeq.length-1];
@jadefox10200 yea you showed me that yesterday.. im using that now
@jadefox10200 thanks
123xylem sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 352 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
@jadefox10200 btw jade any idea why my chrome console wont let me put breakpoints or even see my own code when debuggoing
Are you running code in FCC or your own page?
${document}.ready(function(){};)
@WayToGn It means:
Run the code between
Run the code between
{} once the entire HTML document has been loaded.
@WayToGn it means that all that is inside that function body should be executed after the document is ready
thanks
@WayToGn u should refer this https://learn.jquery.com/using-jquery-core/document-ready/ whenever in doubt
This message was deleted
Hi I'm stucked here at Create Bootstrap Wells, my code:
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div> <div class="col-xs-6"> </div> <div class="well">
</div> </div>
<div> <div class="col-xs-6"> </div> <div class="well"> </div>
</div>
</div></div>
@jadefox10200 what about this one? } else if (strokes == par-1){
return "Birdie";
return "Birdie";
how to send an image?
Does it not work? @backchristoffer
@backchristoffer else if (strokes === par - 1) {
return "Birdie";
return "Birdie";
@WayToGn drag & drop here
@KrisAlaine u need to put this
<div class="well"> inside <div class="col-xs-6"> </div>
@sorinr thank you
@JordanPPowell does === check what exactly? does it check both par and -1 ?
waytogn sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 754 | @sorinr |http://www.freecodecamp.com/sorinr
@JordanPPowell Shouldn't it still work with only two
== as that's checking loosly.
@jadefox10200 not sure, I am looking at my code tho and I have "==="
can you guys see my image?
@backchristoffer
=== checks both value and type.
@123xylem
function correct() {
if (cSeq.length == pSeq.length) {// If player turn array has same turns as cpu
for (i = cSeq.length; i >= 0; i--) { //go through the turnsstarting from the last and count down through them both
console.log("what correct sees", cSeq[i], pSeq[i]); //THESE ELEMENTS COME BACK AS UNDEFINED!!!
if (cSeq[i] != pSeq[i]) { //IF they dont match play wrong sound
audioF['wrong'].play();
wasWrong = 0;
console.log("wrong", cSeq, pSeq[i], pSeq);
pSeq = [];
// setInterval(lastSeq(), 8000); // Say wrong and replay last seq
// cpuTurn = 0;
} else {
//DO SOMETHING else(never gets here)
} } } }Question: why is pSeq cSeq[i] undefined in console?
$(".panel").on("click", function() {
cpuTurn = 1;
var panelId = $(this).attr("id");
audioF[panelId.toLowerCase()].play(); //use id as soundfile
$("#" + panelId).toggleClass('animate');
//HOW DO i get this to activate and go back to default onclick?
turnSeq.push(panelId);
if (turnSeq.length <= 1 || turnSeq.length > pSeq.length) {
var removed = turnSeq.splice(10, 1);
pSeq.push(turnSeq[turnSeq.length - 1]);
}; //Pushes only new moves into pSeqThey get their elements from the ID of the button hit
or panel hit
@backchristoffer Can we see your code?
hey FCC what up?
function golfScore(par, strokes) {
// Only change code below this line
if (strokes == 1){
return "Hole-in-one!";
} else if (strokes <= par){
return "Eagle";
} else if (strokes == par-1){
return "Birdie";
}
// Only change code above this line
}
// Change these values to test
golfScore(5, 4);
@WayToGn yes what is ur doubt?
@backchristoffer
== only checks value. So "5" and 5 are equal using the == but are not equal when using === as one is a string and the other is an int.
@theharshitgarg should i use the same page?
} else if (strokes <= par){
return "Eagle";
I believe eagle is two under par.
strokes === par-2
@jadefox10200 I don't know, but it works
@WayToGn what do u want to do ?
@theharshitgarg , i tried this <div class="col-xs-6" class="well"> but it won't work or this <div class="col-xs-6 well">
ah you guys got the room covered.. i'll pop back in later...
@KrisAlaine this is wrong
@KrisAlaine <div class="col-xs-6 well">
u need to create another div
i want to know can i use any word that i like to my page? @theharshitgarg
@KrisAlaine Sorry, wasn't sure which challenge you're on
@KrisAlaine Although what I posted above would be how you call two classes in a single element
@backchristoffer I just checked, and the eagle code is going to make the birdie code bog.
@backchristoffer lol as long as it works you're golden
If you don't fix the eagle, it'll keep saying the birdie one doesn't work.
I don't trust those green checkboxes personally. They don't always show the correct problem with your code.
@KrisAlaine u need to do this
<div class="col-xs-6">
<div class='well'></div>
</div>
@jadefox10200 yes you're right it did. It also asks for another Eagle if value.
@theharshitgarg like this? <div> <div class="col-xs-6"> <div class="well"> </div>
@jadefox10200 thanks again!
backchristoffer sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:warning: backchristoffer already gave jadefox10200 points
@backchristoffer sure mate.
@KrisAlaine in this challenge, u are supposed to add two new divs with the class set as well and put them inside div with class as col-md-6
yes like the one but this is not properly nested
u showed here
just add another more div
@KrisAlaine are u there and done with the problem
hey people, can you help me with users current city and country.
I know how to get longitute and latitute using
but help me getting exact city and country please.
I know how to get longitute and latitute using
geolocationbut help me getting exact city and country please.
@theharshitgarg , no still struggling how to nest it properly.
@KrisAlaine please show ur code
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div> <div class="col-xs-6"> <div class="well">
</div>
</div>
<div><div class="col-xs-6"> <div class="well"></div>
</div>
</div>
</div>
</div>
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div> <div class="col-xs-6"> <div class="well">
</div>
</div>
<div><div class="col-xs-6"> <div class="well"></div>
</div>
</div>
</div>
</div>
i think too many </div>
you have too many div
@KrisAlaine delete a </div>
let me try again. i will reset
@KrisAlaine ok
@KrisAlaine I will private message you and help you work through the code line by line
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div> <div class="col-xs-6"> <div class="well">
</div>
<div><div class="col-xs-6"> <div class="well">
</div>
</div>
</div>
</div>
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div> <div class="col-xs-6"> <div class="well">
</div>
<div><div class="col-xs-6"> <div class="well">
</div>
</div>
</div>
</div>
i really can't get it, right haha
hey guys, I know I keep asking this, but I just want to make sure this looks good on different screensizes irl: https://amitp88.github.io/New-Portfolio/
@KrisAlaine see ur code after I deleted some of the divs
```<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well"></div>
</div>
<div class="col-xs-6">
<div class="well"></div>
</div>
</div>
</div>```
I've been polishing up the media queries, and since I've applied to several jobs and gonna apply to more, I want this to look perfect :)
<lable><input type="radio" name="indoor-outdoor">indoor</lable>
<lable><input type="radio" name="indoor-outdoor">outdoor</lable>
<lable><input type="radio" name="indoor-outdoor">outdoor</lable>
run test not pass
why?
@theharshitgarg ok.
@KrisAlaine this <div> <div class="col-xs-6"> <div class="well"> the div before <div class="col-xs-6"> was extra
ok
@websect post the rest of your code plz
@KrisAlaine did u get ur mistake location solve the challenge?
@websect is it <lable>? looks like a typo there, no?
@DarrenfJ Hey buddy!
@DarrenfJ you are correct
how to make my <h1>element stay in center without any libraries?
@DarrenfJ Been waiting on you all day. :)
@websect its label
@jadefox10200 hey brutha what's up??
Just coding, trying to keep myself going.
i was out of town... at the gf's roller derby game
o .thank you very much
funfun
@DarrenfJ Good deal man.
:D yah it inludes beer when yer a spectator ;)
@JordanPPowell thank you! good luck1
websect sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
I'm trying to work it and make myself into a real programmer one of these days.
yer certainly rawkin it...
lol. Thanks. Not passing my standards though.
yah, i've seen that impressive bio of yers
I just need to get to a point where I can actually do this.
Oh, my bio. Yeah, kinda shows how I like to do things. So, the fact that I'm not taking off on this is tough for me.
dream in functions.. yah
Dude, I was so confused last night.
from what?
what are yah working on now?
@DarrenfJ I literally was dreaming about code, running a program line by line and then my wife woke me up. But only half way. Head still half in code I started asking her some really stupid questions.
ha.. nice
@theharshitgarg , i got it. but i'm still trying to figure it the set of <div, where you should put </div> the last part only worked with 4 </div> , so I'm a bit at a lost why 4 </div> on the latter part.
@KrisAlaine show ur code
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">
</div>
</div>
<div class="col-xs-6">
<div class="well">
</div>
</div>
</div>
</div>
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">
</div>
</div>
<div class="col-xs-6">
<div class="well">
</div>
</div>
</div>
</div>
@AmitP88 When you have links on a page like that, they should create a new tab when you click them. Otherwise, you're off the page and may not be able to get back.
@KrisAlaine code is correct u should do a refresh and retry
@KrisAlaine if yer looking to understand why so many divs. try indenting each set of divs and it will be more obvious.. visually
in Local wheather app , getCurrentPosition() and watchPosition() are deprecated over insecure connection , but works in localhost , so they are not working in codepane
@KrisAlaine as a practice, please follow coding standards
@jadefox10200 which links are you referring to? I thought I had them all set to open up in a new tab...
This message was deleted
@KrisAlaine you need 4 </div> because you have to close "row" and "container-fluid" too.
@AmitP88 I don't remember. I was on your page, I clicked something and couldn't figure out where I was. I think udacity demo or something. I wasn't able to get back to the page.
@jadefox10200 ah ok, I'll double-check the demo, repo, and contacts links in my html. thank you :)
amitp88 sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 353 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
thanks @theharshitgarg , where can i get the coding standards?
krisalaine sends brownie points to @theharshitgarg :sparkles: :thumbsup: :sparkles:
:cookie: 561 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
thanks @blnt
krisalaine sends brownie points to @blnt :sparkles: :thumbsup: :sparkles:
:cookie: 170 | @blnt |http://www.freecodecamp.com/blnt
anybody here knew about local wheather app , getCurrentPosition() & watchPosition() are deprecated over plane HTTP , so it's not working in codePane , but works in local host ,
So other option to make them run in codepane
So other option to make them run in codepane
good morning guys
may i please get some assistance
@chrisddoug yup
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
h2 {
font-family: Lobster, Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
</style>
<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<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 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>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>
@JordanPPowell Thank you!
mosem24 sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
any div classes not closed?
@AmitP88 Sure, and one more pointer:
https://amitp88.github.io/My-Resume/#
That page only has dead links. From an employer view, I'm going to click resume which takes me to that page.
https://amitp88.github.io/My-Resume/#
That page only has dead links. From an employer view, I'm going to click resume which takes me to that page.
@chrisddoug name the challenge
Responsively Style Checkboxes
@jadefox10200 ah I see. Yeah, I definitely need to update that one. thanks again! :D
amitp88 sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:warning: amitp88 already gave jadefox10200 points
lemme know if you find anything else that needs tweaking
@AmitP88 Sure. The overall presentation of the page is nice though and I like the interactive stuff you worked into it.
@chrisddoug I will private message you
ty
@jadefox10200 thanks. yeah, I'm trying to make everything sleek and more interactive/fancier =P
amitp88 sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:warning: amitp88 already gave jadefox10200 points
how do i find the private message
@chrisddoug click on home icon top left corner
@chrisddoug u have added extra div with row here
<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>
@chrisddoug then you will see me under all conversations
hopefully I can get hired soon though. I've applied to like 5 jobs last night and will be applying to more either today or tomorrow
@AmitP88 well definitely good luck on the job search
@AmitP88 For sure. Good luck man.
@DarrenfJ @jadefox10200 thank you both. yeah, I hate my current job so hopefully I can get hired soon lol
amitp88 sends brownie points to @darrenfj and @jadefox10200 :sparkles: :thumbsup: :sparkles:
:warning: amitp88 already gave jadefox10200 points
:cookie: 871 | @darrenfj |http://www.freecodecamp.com/darrenfj
@AmitP88 GL!
lol.
@blnt thank you! :D
amitp88 sends brownie points to @blnt :sparkles: :thumbsup: :sparkles:
:cookie: 171 | @blnt |http://www.freecodecamp.com/blnt
@chrisddoug you can also click on the icon that looks like a person for all your one on one convos... under the magnifying glass icon under the home
Hi all. hope you are having a good night. I need help
not sure what I am missing
it looks right
@ponking whats the name of the lesson
@ponking You're missing
>
Use the Bootstrap Grid to Put Elements Side By Side
on line 38
your missing >
you didnt close the div above the highlighted sequence
@ponking syntax error <div class="row">
:point_up:
<div class="row">
ohp beat me to it lol
uhhhhhhhhhh!!!! yelling at the computer.....thanks all
:clap:
@JordanPPowell thank you
chrisddoug sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 312 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
@theharshitgarg @JordanPPowell @jadefox10200 thanks
ponking sends brownie points to @theharshitgarg and @jordanppowell and @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 313 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
:cookie: 562 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
:cookie: 354 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
@DarrenfJ hi there
@sorinr hey buddy!
@DarrenfJ h r u?
good good.. busy day in the RL for me
Can anyone help with "TURN AN IMAGE INTO A LINK"?
Lesson 29
my
i help you @mosem24
Okay...
I just finished that one what do you need help with?
even me @mosem24
it's late and i'm fading fast.. night FCC roomies
@DarrenfJ night
thanks for coming. @jadefox10200
sorry jadefox10200, you can't send brownie points to yourself! :sparkles: :sparkles:
@DarrenfJ thanks. lol
jadefox10200 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 872 | @darrenfj |http://www.freecodecamp.com/darrenfj
see yah brutha! @jadefox10200
thanks for handling the room too... @jadefox10200
darrenfj sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 355 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
@websect @JordanPPowell Thanks
mosem24 sends brownie points to @websect and @jordanppowell :sparkles: :thumbsup: :sparkles:
:warning: mosem24 already gave jordanppowell points
:cookie: 5 | @websect |http://www.freecodecamp.com/websect
Morning guys! Can somebody please explain how to link an anchor element?
@Maxim933 <a href="">anchor text</a>
@Maxim933 If you need a hand feel free to private message
a -> anchor
anchor abbreviations is a
so, anchor may be is link.
i have another question =) i past the challenge of nesting button into the well, after enter and submitting the ff. code, it became different on the next exercise: my code <button class="btn"> </button> then after <button></button>. Question: this is just same?
@KrisAlaine no it's not the same, but FCC sometimes changes your code in the next lesson so that it is suitable for the lesson, it removes stuff you wont need for that lesson
@KrisAlaine class="btn" is a bootstrap class
function StaffMember(name,discountPercent){
this.name = name;
this.discountPercent = discountPercent;
}
var sally = new StaffMember("Sally",5);
var bob = new StaffMember("Bob",10);
// Create yourself again as 'me' with a staff discount of 20%
var me = new StaffMember("Mustafa",20);
var cashRegister = {
total:0,
lastTransactionAmount:0
},
add: function(itemCost){
this.total += (itemCost || 0);
this.lastTransactionAmount = itemCost;
},
scan: function(item,quantity){
switch (item){
case "eggs": this.add(0.98 quantity); break;
case "milk": this.add(1.23 quantity); break;
case "magazine": this.add(4.99 quantity); break;
case "chocolate": this.add(0.45 quantity); break;
}
return true;
},
voidLastTransaction:function(){
this.total -= this.lastTransactionAmount;
this.lastTransactionAmount = 0;
},
// Create a new method applyStaffDiscount here
applyStaffDiscount: function(employee){
this.total -= this.total * (1-employee.discountPercent/100);
}
};
cashRegister.scan('eggs',1);
cashRegister.scan('milk',1);
cashRegister.scan('magazine',3);
// Apply your staff discount by passing the 'me' object
// to applyStaffDiscount
cashRegister. applyStaffDiscount(me);
// Show the total bill
console.log('Your bill is '+cashRegister.total.toFixed(2));
help me
:point_right: readme [wiki]
Depecrated Wiki!
This repo serves as an archive for the wiki and a place to report issues for our current wiki located in our forum!
Our open source community's Wiki focuses on answering your questions about learning to code and getting a coding job. We also cover in detail our:
- Curriculum
- Other Programming Languages
- Local Group Communities
- Nonprofit Projects and much more
keeps saying Oops, try again. There was a problem with your syntax.
@Malobeid your code is quite hard to read like that
so what do i
do
function StaffMember(name,discountPercent){
this.name = name;
this.discountPercent = discountPercent;
}
var sally = new StaffMember("Sally",5);
var bob = new StaffMember("Bob",10);
// Create yourself again as 'me' with a staff discount of 20%
var me = new StaffMember("Mustafa",20);
var cashRegister = {
total:0,
lastTransactionAmount:0,
add: function(itemCost){
this.total += (itemCost || 0);
this.lastTransactionAmount = itemCost;
},
scan: function(item,quantity){
switch (item){
case "eggs": this.add(0.98 * quantity); break;
case "milk": this.add(1.23 * quantity); break;
case "magazine": this.add(4.99 * quantity); break;
case "chocolate": this.add(0.45 * quantity); break;
}
return true;
},
voidLastTransaction:function(){
this.total -= this.lastTransactionAmount;
this.lastTransactionAmount = 0;
},
// Create a new method applyStaffDiscount here
applyStaffDiscount: function(employee){
this.total -= this.total * (1-employee.discountPercent/100);
}
};
cashRegister.scan('eggs',1);
cashRegister.scan('milk',1);
cashRegister.scan('magazine',3);
// Apply your staff discount by passing the 'me' object
// to applyStaffDiscount
cashRegister. applyStaffDiscount(me);
// Show the total bill
console.log('Your bill is '+cashRegister.total.toFixed(2));
is better
yeah
var cashRegister = {
total:0,
lastTransactionAmount:0
},
total:0,
lastTransactionAmount:0
},
this bit is wrong maybe
the add function should be inside the object, right?
i don't understand the error
when you don't understand the error you need to narrow it down to which bit is broke
but did you see what I wrote above?
I think your object is not properly formed
I fixed it in my copy above
var cashRegister = {
total:0,
lastTransactionAmount:0
total:0,
lastTransactionAmount:0
add: function(itemCost){
this.total += (itemCost || 0);
this.lastTransactionAmount = itemCost;
},
},
var cashRegister = {
total:0,
lastTransactionAmount:0
total:0,
lastTransactionAmount:0
add: function(itemCost){
this.total += (itemCost || 0);
this.lastTransactionAmount = itemCost;
},
},
@r1chard5mith
what?
I edited my post above to how i think it should look
why i cannot pass the challenge?
okay
@WayToGn looks broken
it happens
i clicked it but no results
i guess
no
there's something wrong with it - the green rectangle should have words
oh shit
i cannot sign in
fyl
Hello, can anyone help with react for the data vis?
This message was deleted
@christopher-siewert I've just done the first few
what do you need help with?
I'm on the markdown previewer. http://codepen.io/christophersiewert/pen/VKraYE?editors=1010
@christopher-siewert is there a handler called oninput? I think you want onChange
my input box react object renders a textbox, which is suposed to have an oninput function, updating the parent's state
oninput is a handler. on change doesn't work either
@christopher-siewert You should probably read the react docs about managed and non managed components
@christopher-siewert oh ok
are you there
?
yep
no sorry - thought I had it :)
@christopher-siewert try camelcasing onInput
I think it might be a react thing
Ah, that helped, it got it to run the function. thank you
on the actual textarea tag
@r1chard5mith thanks
christopher-siewert sends brownie points to @r1chard5mith :sparkles: :thumbsup: :sparkles:
:cookie: 384 | @r1chard5mith |http://www.freecodecamp.com/r1chard5mith
np
finding stupid things like that is sometimes easier in other people's code than your own :)
new code please help function StaffMember(name,discountPercent){
this.name = name;
this.discountPercent = discountPercent;
}
var sally = new StaffMember("Sally",5);
var bob = new StaffMember("Bob",10);
// Create yourself again as 'me' with a staff discount of 20%
var me = new StaffMember("Mustafa",20);
var cashRegister = {
total:0,
lastTransactionAmount: 0,
add: function(itemCost){
this.total += (itemCost || 0);
this.lastTransactionAmount = itemCost;
applyStaffDiscount: function(employee){
this.total -= this.total * (1-employee.discountPercent/100);
},
},
scan: function(item,quantity){
switch (item){
case "eggs": this.add(0.98 * quantity); break;
case "milk": this.add(1.23 * quantity); break;
case "magazine": this.add(4.99 * quantity); break;
case "chocolate": this.add(0.45 * quantity); break;
}
return true;
},
voidLastTransaction : function(){
this.total -= this.lastTransactionAmount;
this.lastTransactionAmount = 0;
},
// Create a new method applyStaffDiscount here};
cashRegister.scan('eggs',1);
cashRegister.scan('milk',1);
cashRegister.scan('magazine',3);
// Apply your staff discount by passing the 'me' object
// to applyStaffDiscount
cashRegister. applyStaffDiscount(me);
// Show the total bill
console.log('Your bill is '+cashRegister.total.toFixed(2));
and how do i add the window thing
function StaffMember(name,discountPercent){
this.name = name;
this.discountPercent = discountPercent;
}
var sally = new StaffMember("Sally",5);
var bob = new StaffMember("Bob",10);
// Create yourself again as 'me' with a staff discount of 20%
var me = new StaffMember("Mustafa",20);
var cashRegister = {
total:0,
lastTransactionAmount: 0,
add: function(itemCost){
this.total += (itemCost || 0);
this.lastTransactionAmount = itemCost;
applyStaffDiscount: function(employee){
this.total -= this.total * (1-employee.discountPercent/100);
},
},
scan: function(item,quantity){
switch (item){
case "eggs": this.add(0.98 * quantity); break;
case "milk": this.add(1.23 * quantity); break;
case "magazine": this.add(4.99 * quantity); break;
case "chocolate": this.add(0.45 * quantity); break;
}
return true;
},
voidLastTransaction : function(){
this.total -= this.lastTransactionAmount;
this.lastTransactionAmount = 0;
},
// Create a new method applyStaffDiscount here
};
cashRegister.scan('eggs',1);
cashRegister.scan('milk',1);
cashRegister.scan('magazine',3);
// Apply your staff discount by passing the 'me' object
// to applyStaffDiscount
cashRegister. applyStaffDiscount(me);
// Show the total bill
console.log('Your bill is '+cashRegister.total.toFixed(2));
three backticks, new line, then your code
whres the error ?
please help
@jatin00761 you can post the full url from the page you are on
then i can see your code running
@jatin00761 in what you originally posted
you don't need quotes around the text
View more
(it's in html, not js)
its still not working
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
@jatin00761 there did also seem to be an error
you clearly had a p tag around the a tag
u remove "" from view more
then u close </p>
closing </p> was missing
@FreshCapsule done that.. still it wont run
this works for me
@FreshCapsule look at his screenshot above, looks like an error
@jatin00761 I bet it was the " messing up the tests
Oh i just directly edited his code with the link provided above...it works for me.
@FreshCapsule yep, me too
thanks a ton guys
@jatin00761 did it work?
i refreshed my browser nd it works now
cool
yes @r1chard5mith
glad!
:)
Can some help me out with showing me how to add an id of target 1, target 2 and target 3 to these three buttons?
<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>
my code
<button class="btn btn-default" id="target"></button> @jordskimol
u need <button id="id-name-gose-here" class="btn btn-default target"></button>
yes like @ionutlenuta said!
@ionutlenuta @FreshCapsule thanks guys
jordskimol sends brownie points to @ionutlenuta and @freshcapsule :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for freshcapsule
:cookie: 405 | @ionutlenuta |http://www.freecodecamp.com/ionutlenuta
@Malobeid this has the same mistake as before
the object isn't properly formed
sometimes feel like freecodecamp expects you to remember stuff from a way back a bit too quickly haha
@jordskimol you can go back and look :)
I don't understand how properly form object
I showed you :)
```
function StaffMember(name,discountPercent){
this.name = name;
this.discountPercent = discountPercent;
}
var sally = new StaffMember("Sally",5);
var bob = new StaffMember("Bob",10);
// Create yourself again as 'me' with a staff discount of 20%
var me = new StaffMember("Mustafa",20);
var cashRegister = {
total:0,
lastTransactionAmount:0,
add: function(itemCost){
this.total += (itemCost || 0);
this.lastTransactionAmount = itemCost;
},
scan: function(item,quantity){
switch (item){
case "eggs": this.add(0.98 * quantity); break;
case "milk": this.add(1.23 * quantity); break;
case "magazine": this.add(4.99 * quantity); break;
case "chocolate": this.add(0.45 * quantity); break;
}
return true;
},
voidLastTransaction:function(){
this.total -= this.lastTransactionAmount;
this.lastTransactionAmount = 0;
},
// Create a new method applyStaffDiscount here
applyStaffDiscount: function(employee){
this.total -= this.total * (1-employee.discountPercent/100);
}
};
cashRegister.scan('eggs',1);
cashRegister.scan('milk',1);
cashRegister.scan('magazine',3);
// Apply your staff discount by passing the 'me' object
// to applyStaffDiscount
cashRegister. applyStaffDiscount(me);
// Show the total bill
console.log('Your bill is '+cashRegister.total.toFixed(2));
see how the funcitons are inside the object now?
how do i create a form element
haha I guess we all need a lot of caffein! :D
thanks @r1chard5mith
:cookie: 386 | @r1chard5mith |http://www.freecodecamp.com/r1chard5mith
malobeid sends brownie points to @r1chard5mith :sparkles: :thumbsup: :sparkles:
@r1chard5mith thanks
nenyeboy sends brownie points to @r1chard5mith :sparkles: :thumbsup: :sparkles:
:cookie: 387 | @r1chard5mith |http://www.freecodecamp.com/r1chard5mith
@Malobeid np - it's much easier to do this with the code running in a proper browser because the console gives you better error messages than codepen
@r1chard5mith true that!
If you know how to use a proper editor, it's worth having an empty html page to drop some of the later algorithms into
so that you can see the errors
@FreshCapsule have you done any react yet?
Not yet, since need to improve on my es6 & vanilla js skills first! But getting there...slowly
lol
I see you know a lot of things! :) @r1chard5mith
@FreshCapsule that's cool - I've been doing it the last couple of weeks
and because ti goes through the transpiler, the error messages are useless
you get like "this is not defined" and there'll be a stack of 15 functions
Nice! How is it? I've heard just setting up a react project is hard(involving a lot of dependancies)
and the line numbers don't match any more
it's like a hump
it's too much for small things, but once you 'get it' you can see how to scale up fast
does that make sense?
you have to have way too much scaffolding, but then you start to see why you need it all
I'm making the 'roguelike' game at the moment, it's lots of fun
Wow, sounds so much fun! Hope to get there soon :)
because react changes the views automagically - all you have to do is update this magic variable called the state
so, you change the players coordinates and he moves
it's fun
What do u think about angular 2?
I will do that after I've done react properly
whoop new error
I will hedge my bets
function StaffMember(name,discountPercent){
this.name = name;
this.discountPercent = discountPercent;
}
var sally = new StaffMember("Sally",5);
var bob = new StaffMember("Bob",10);
// Create yourself again as 'me' with a staff discount of 20%
var me = new StaffMember("Mustafa",20);
var cashRegister = {
total:0,
lastTransactionAmount:0,
add: function(itemCost){
this.total += (itemCost || 0);
this.lastTransactionAmount = itemCost;
},
scan: function(item,quantity){
switch (item){
case "eggs": this.add(0.98 quantity); break;
case "milk": this.add(1.23 quantity); break;
case "magazine": this.add(4.99 quantity); break;
case "chocolate": this.add(0.45 quantity); break;
}
return true;
},
voidLastTransaction:function(){
this.total -= this.lastTransactionAmount;
this.lastTransactionAmount = 0;
},
// Create a new method applyStaffDiscount here
applyStaffDiscount: function(employee){
this.total += this.total * (1-employee.discountPercent/100);
}
};
cashRegister.scan('eggs',1);
cashRegister.scan('milk',1);
cashRegister.scan('magazine',3);
// Apply your staff discount by passing the 'me' object
// to applyStaffDiscount
cashRegister.applyStaffDiscount(me);
// Show the total bill
console.log('Your bill is '+cashRegister.total.toFixed(2));
React is popular but Angular 2 might blow it away
I've heard that angular version 2 is very smart framework! And yes es6 knowledge needed.
and typescript will be popular I think when people see the benefit of types
error :Oops, try again. false
@FreshCapsule while learning react is good time to practise es6
because you need babel anyway
you can try things out bit by bit
as they are useful
Any one can help me? I have error "Cannot read property 'Akira' of undefined
//Setup
var contacts = [
{
"firstName": "Akira",
"lastName": "Laine",
"number": "0543236543",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"lastName": "Potter",
"number": "0994372684",
"likes": ["Hogwarts", "Magic", "Hagrid"]
},
{
"firstName": "Sherlock",
"lastName": "Holmes",
"number": "0487345643",
"likes": ["Intriguing Cases", "Violin"]
},
{
"firstName": "Kristian",
"lastName": "Vos",
"number": "unknown",
"likes": ["Javascript", "Gaming", "Foxes"]
}
];
function lookUpProfile(firstName, prop){
// Only change code below this line
for (var i=0; i<5; i++){
if (contacts[i][firstName] == firstName && contacts[i].OwnProperty(prop) == prop){
return contacts[i][prop];
}
}
// Only change code above this line
}
// Change these values to test your function
lookUpProfile("Akira", "likes");
@r1chard5mith thank you for the positive tip :)
freshcapsule sends brownie points to @r1chard5mith :sparkles: :thumbsup: :sparkles:
:cookie: 388 | @r1chard5mith |http://www.freecodecamp.com/r1chard5mith
Oops, try again. false
@z46h1 contacts is an object not a variable
sorry I meant not an array
*didn't know about brownie points lol now I get it
@FreshCapsule it's gamification ;)
haha
@r1chard5mith yes, but i can get acces by bracet notation to object
@z46h1 yes but not with a numerical index
@r1chard5mith fix it
function StaffMember(name,discountPercent){
this.name = name;
this.discountPercent = discountPercent;
}
var sally = new StaffMember("Sally",5);
var bob = new StaffMember("Bob",10);
// Create yourself again as 'me' with a staff discount of 20%
var me = new StaffMember("Mustafa",20);
var cashRegister = {
total:0,
lastTransactionAmount:0,
add: function(itemCost){
this.total += (itemCost || 0);
this.lastTransactionAmount = itemCost;
},
scan: function(item,quantity){
switch (item){
case "eggs": this.add(0.98 * quantity); break;
case "milk": this.add(1.23 * quantity); break;
case "magazine": this.add(4.99 * quantity); break;
case "chocolate": this.add(0.45 * quantity); break;
}
return true;
},
voidLastTransaction:function(){
this.total -= this.lastTransactionAmount;
this.lastTransactionAmount = 0;
},
// Create a new method applyStaffDiscount here
applyStaffDiscount: function(employee){
this.total += this.total * (1-employee.discountPercent/100);
}
};
cashRegister.scan('eggs',1);
cashRegister.scan('milk',1);
cashRegister.scan('magazine',3);
// Apply your staff discount by passing the 'me' object
// to applyStaffDiscount
cashRegister.applyStaffDiscount(me);
// Show the total bill
console.log('Your bill is '+cashRegister.total.toFixed(2));
@r1chard5mith
sorry i meant i Fixed it
thanks
@Malobeid oh cool
does it work now?
yes , sorry about that what i meant to say was i fixed it
@r1chard5mith
@Malobeid that's great
persistence always wins ;)
@r1chard5mith i can get access by numerical index
Thanks @r1chard5mith
malobeid sends brownie points to @r1chard5mith :sparkles: :thumbsup: :sparkles:
:warning: malobeid already gave r1chard5mith points
thanks for the chat @FreshCapsule ;)
r1chard5mith sends brownie points to @freshcapsule :sparkles: :thumbsup: :sparkles:
:cookie: 181 | @freshcapsule |http://www.freecodecamp.com/freshcapsule
gtg
@Malobeid thanks ;)
r1chard5mith sends brownie points to @malobeid :sparkles: :thumbsup: :sparkles:
:cookie: 11 | @malobeid |http://www.freecodecamp.com/malobeid
@r1chard5mith
function lookUpProfile(firstName, prop){
// Only change code below this line
for (var i=0; i<5; i++){
return contacts[1];
}
Problem while using jQuery -
$("#target5").clone().appendTo("#left-well"); Cloning it twice
$("#target5").clone().appendTo("#left-well"); Cloning it twice
@r1chard5mith thanks to u 2!
freshcapsule sends brownie points to @r1chard5mith :sparkles: :thumbsup: :sparkles:
:warning: freshcapsule already gave r1chard5mith points
@z46h1 What is the purpose of the function lookupProfile?
good night guys! :)
good luck to all of us!
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo" type="text/form" placeholder="cat- photo-URL" ></form>
what is wrong with my form element
Why is this cloning twice in left-well?
$("#target5").clone().appendTo("#left-well");:bulb: to format code use backticks! ``` more info
@Harshi640 How many #target5 element instances do you have in your HTML?
@RaoulMarz Only one in right-well before this comand
What did you want to do? @nenyeboy
@ionutlenuta i am trying to nest my text input element into my form element
heyy i am not able to clear the part where i have to add i element to my button element
You deleted some parts of the code @nenyeboy
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up>">Like</i></button>
in this the correct way to do it
@Harshi640 Sorry don't know enough. According to W3Schools : "The clone() method makes a copy of selected elements, including child nodes, text and attributes", all instances it finds. There is also an optional parameter which you can set to false to disallow copying any event handlers on that element.
You should have
<input @nenyeboy
@ionutlenuta let me try that
@RaoulMarz Okay! I will look into W3Schools once.
@ionutlenuta still didnt work
@nenyeboy Have you looked at running html tidy on your html form?
Like this
<button class="btn btn-block btn-primary">Like</button> if I understand your question @kryptonian41
Show me your code again @nenyeboy
Its showing cross for theseYour h2 element should be red.
Show your code
@arlworker
<style>
.red-text{
color:red;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
Is there anything wrong
Your p element should contain the first few words of the provided additional kitty ipsum text. why its is giving error
Maybe you didn't put the right text @mohit1998
which text to be put
Can u help me @ionutlenuta
Your code is correct. Try reset it. @arlworker
OK.
The text on the left. @mohit1998
Thanks for quick reply
thanks..it works @arlworker
mohit1998 sends brownie points to @arlworker :sparkles: :thumbsup: :sparkles:
:cookie: 9 | @arlworker |http://www.freecodecamp.com/arlworker
@RaoulMarz w3schools is sometimes not the best
@ionutlenuta
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo" <input type="text/form" placeholder="cat- photo-URL" ></form>
Remove
/form @nenyeboy
you have a > in the wrong plave
place
the form tag is broken
Here
type="text/form" @nenyeboy
@ionutlenuta @r1chard5mith thanks I've done it
nenyeboy sends brownie points to @ionutlenuta and @r1chard5mith :sparkles: :thumbsup: :sparkles:
:warning: nenyeboy already gave r1chard5mith points
:cookie: 406 | @ionutlenuta |http://www.freecodecamp.com/ionutlenuta
This message was deleted
how do a make a field required?
quick question: do you think it's necessary to write a media query for a viewport less than 320px? I mean, 320px imo is a pretty small device width right?
@AmitP88 there's no right answer to that question :)
if you wanted it to run on a watch, you would need one
@r1chard5mith yeah, I was afraid of that =P
@AmitP88 you are not using bootstrap?
@r1chard5mith the grid system? no. I tried to but with my specific layout it messed everything up