i'm doing data analysis and data acquisition, so I'm using packages like
LabVIEW, Mathematica and MATLAB
LabVIEW, Mathematica and MATLAB
what do you even need html and css for?
seems like a waste of time if u dont use it
Well, kinda, depends on how much you want to deepen your knowledge.
(i think we de-railed the topic, and i g2g, so cya around :) )
<------------------------>
j1417 sends brownie points to @jasierragarcia :sparkles: :thumbsup: :sparkles:
:cookie: 236 | @jasierragarcia |http://www.freecodecamp.com/jasierragarcia
@j1417 some fancy stuff is coming with the next css you can put words in borders too
Made some improvements on my JSON data viewing app, “JSON Disco” , Im still working to get more weather services up and running, for now its just weather underground api. Any feed back would be awesome!
https://json-disco.herokuapp.com
https://json-disco.herokuapp.com
hi!! i want to put the symbol < before the horizontal line how can i do it??http://codepen.io/Juan1417/pen/BLrjOY
Hi everyone, I just wanted ask for thoughts on my portfolio. I haven't finished but I'm trying my best.
http://erickdelfin.me/
http://erickdelfin.me/
@Nifled scrolls too quick
@liberaltech <-------------------------/>
i want to create that separator
@j1417 also make sure not to close hr, its simply <hr> NOT <hr></hr>
@liberaltech for some reason the line won't show up in my experiment
@ferrazoli the button on the top right corner of your html view
@liberaltech what was that supposed to accomplish?
@ferrazoli make sure your rows are closing properly
at the bottom
hit the analyze button
@ferrazoli nevermind
@ferrazoli try container each row
@liberaltech indeed I had an extra div, but that didn't fix it
@liberaltech will do
just noticed that
the hr and jumbotron are the same color on bootstrap, is that what your using?
@ferrazoli another thing you could do is change the background-color: to jumbotron
@liberaltech I changed the hr border color and it showed up
@liberaltech so it was indeed the same color
@liberaltech thank you so much for your help
ferrazoli sends brownie points to @liberaltech :sparkles: :thumbsup: :sparkles:
:cookie: 352 | @liberaltech |http://www.freecodecamp.com/liberaltech
@j1417 did it fix your problem?
@j1417 also in jumbotron hr wont show up unless you change either one's background color
@ferrazoli I should warn you about using jumbotron the entire page
I'm working on my portfolio/resume and I keep having this issue
let me push all my commits so you can see the code
This message was deleted
@liberaltech
@liberaltech here you go
This message was deleted
Question: Should I program out each of these buttons separately? What's the best practice? I'm trying to follow DRY here, but chaining a function call to another function call every single time a button is clicked seems ... not like a great idea. (These are increment buttons for setting timers).
$workMinus.on("click", function() {
if (minutesW > 1) {adjustTimers("W", "-");}
});
$workPlus.on("click", function() {
if (minutesW < 60) {adjustTimers("W", "+");}
});
$breakMinus.on("click", function() {
if (minutesB > 1) {adjustTimers("B", "-");}
});
$breakPlus.on("click", function() {
if (minutesB < 60) {adjustTimers("B", "+");}
});
function adjustTimers(session, adjustment) {
switch (session) {
case "W":
if (adjustment === "+") {minutesW++;} else {minutesW--;}
$workSession.text(minutesW);
break;
case "B":
if (adjustment === "+") {minutesB++;} else {minutesB--;}
$breakSession.text(minutesB);
break;
}
}var myGlobal = 10;
function fun1(oopsGlobal) {
// Assign 5 to oopsGlobal Here
oopsGlobal = 5;
}
How do I get oopsGlobal to have the value of 5? Without using var or initializing it in a global scope?
I seem to be missing something.
@pyleotrevor - I think that you should be close there, without having the function argument "oopsGlobal" in the parens for
fun1(oopsGlobal). This is just showing how a variable that you declare without the var keyword gets created in the global space.
hmmm. That worked. Maybe I misinterpreted the instructions. I thought that I would need to use it as a placeholder before I assigned it a value in the function.
I think I just need to read up on functions a bit. Very brief explanation offered. Thanks so much @khaduch !
pyleotrevor sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1824 | @khaduch |http://www.freecodecamp.com/khaduch
@pyleotrevor - the name
oopsGlobal is a hint to what is going on. If you declare a variable, or rather, use it without having declared it, it gets created in the global scope. That is sometimes what you want to do, but it is better to declare it in a global space, as the var myGlobal is declared, so that you expressly have it created where you want it to be. Global variables are not really good to use, but sometimes that most expedient way to implement something. Just better to not "oops" it, but be explicitly declaring it in a place where it has global scope for the functions that use it.
Ahh okay. @khaduch that helps. I appreciate the explanation. So my creation of
oopsGlobal in that instance could have lead to scope issues down the road.
@pyleotrevor - do you mean when you had it in the parenthesis of the function declaration? That would make a variable "oopsGlobal" that is a locally scoped variable within the function body, so it would not fulfill the conditions of the lesson, I think that would be the problem there.
@silver537 Been away for a couple days, but I made this today to show you some ways of handling column layouts with animations. I also went ahead and incorporated real weather forecast data too just for fun. ;) http://jsfiddle.net/jdtadlock/2m5ppeL1/6/embedded/result/
@woven1web You can use http://photobucket.com/
I would add 'target="_blank"' to your link wrapper though
so it opens the wikipedia page in a new browser tab
sayrah901 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 715 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
Browser and Text zoom should be at 100%. Getting difficulty to figure out this. Any sugeestion
@jdtdesigns hi. there is something wrong in toggleTemp = ()=> on your jsfiddle. when you press the C btn it converts the temp ok only that the hours in the forecast are not showing anymore
can you guys help me in inline-block in css for ```id="timer" in my codepen. i want to align my input in one row.
http://codepen.io/nirmalannu/pen/pEGRgN
http://codepen.io/nirmalannu/pen/pEGRgN
@annunirmal you can use
display: flex;
justify-content: center; on your #timer css
@sorinr http://jsfiddle.net/jdtadlock/2m5ppeL1/8/embedded/result/ check this one
@jdtdesigns this is the one i've seen first then when i reloaded it saw that problems. this one works very nice. :+1:
annunirmal sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 716 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
annunirmal sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 787 | @sorinr |http://www.freecodecamp.com/sorinr
@sorinr Yep, i've been streaming. I'll be streaming again today sometime.
@jdtdesigns same link you have pm'ed me? have also recording of the lasts streams?
look on bottom right of page, you'll see past videos
@sorinr forgot to add saturday to the weekday array http://jsfiddle.net/jdtadlock/2m5ppeL1/9/embedded/result/
Can someone look at my code and give me a clue as to why it's not pushing values into the array? I can see the value with console.log, but they wont push into the array.
function pairElement(str) {
var strArray = str.split('');
var dnaArray = [[],[]];
var dnaPair = {};
dnaPair.A = 'T';
dnaPair.G = 'C';
dnaPair.T = 'A';
dnaPair.C = 'G';
for(var i in strArray){
// console.log(str[i]);
if(dnaPair.hasOwnProperty(strArray[i])){
console.log(strArray[i] + " " + dnaPair[str[i]]);
dnaArray.push([strArray[i]][dnaPair[strArray[i]]]);
}
// console.log(dnaArray);
}
// return str;
}
pairElement("ATCGA");
@jdtdesigns also i wanted to ask whether you can add only 7 pens in your showcase of codepen? i think there must be a
next tab for further projects more than 7
you hit the New Pen button up top ;)
@jdtdesigns this
you can see all pens in the public tab
the more clicks each pen gets pushes it to the top of showcase
@KingHippo I'm not sure of your plan there. You have two empty arrays that will remain in dnaArray after pushing the new arrays.
@jdtdesigns I am trying to complete the DNA pairing excercise. the values need to be put in the array like so [["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]]
I don't need to specify the array to be an 2 dimensional array first?
and pair the letter with it's match
then you could push that pair to an empy array
kinghippo sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 717 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
higher order functions will become your life
Haha I feel like it' cheating a little, but they defintely make things easier
@KingHippo Not cheating at all. They have been built into js for awhile and should always be used when the situation calls for it.
they can be extremely complex as well
so learning them isn't like using a calculator for a math test :P
@jdtdesigns I am giving map a look now and it looks like I will have to create another function? Just checking if I'm thinking right.
@sorinr I was referring to the days of the week(Monday, Tuesday, ect)
@KingHippo no extra function needed
kinghippo sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: kinghippo already gave jdtdesigns points
@jdtdesigns now i switch to code part and seen its missing from the array
jsfiddle doesn't auto update prev saves
@sorinr
you'd probably be surprised to know you could complete that challenge in one line right? :D
kinghippo sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: kinghippo already gave jdtdesigns points
@jdtdesigns 1 line? that is some kung fu stuff right there
@KingHippo There are quite a lot you can do in one line using higher order functions
@jdtdesigns I am going to have to try and use them more often!
omg ....recently started to learn coding and omg.... i have no idea how to start portfolio :D to finish damn 118 surv :DD
how to break through that coding barier :shipit:
@baxa19 leave it for now, go through the rest and go back to portfolio later on
If anyone can spot that bug that is killing me, would be more than thankful!
To replicate it, after you stop the first game and restart over, things start getting messy and the score is jumping.
(The game is far from complete, ignore the rest of the bugs, missing features)
http://codepen.io/KonSal/pen/pgjozZ?editors=0011
To replicate it, after you stop the first game and restart over, things start getting messy and the score is jumping.
(The game is far from complete, ignore the rest of the bugs, missing features)
http://codepen.io/KonSal/pen/pgjozZ?editors=0011
how can i skip building portfolio page and come back later on ... but still continue with the lessons?
Hello - I’m working on the Twitch.tv API and am working out my query string. To get the status of each user, is it possible to make only one call to the API rather than create a request for each user?
@Gare24 - this might be helpful, at least it's a place to look at for some kind of inspiration. On the w3schools pages, in their bootstrap section, they have a section on "themes", where they walk through the design and implementation of some pages, some of which would make a nice portfolio page. It does use Bootstrap, which you may or may not want to use, but you can see how a page is designed and implement. http://w3schools.com/bootstrap - look for the "Themes", and if you are using bootstrap, individual elements are covered through lessons, as well. (I posted this in the code review chat, as well.)
Hey all so I am at my first project!!! super excited !! anyway I want to use atom instead of codePen. I was thinking to use atom to write it then transfer it into codepen, I have no idea who to ask for permission for something like that. Any advice?
That’s how I just finished my portfolio page. Edited it in Atom and uploaded to codepen
gare24 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1826 | @khaduch |http://www.freecodecamp.com/khaduch
can someone tell me how to approach the https://www.freecodecamp.com/challenges/build-a-javascript-calculator challenge?
I need some tips for how to make the JS code as simple as possible
@klmjr314 - it's fine to use any editor that you want, and develop locally. Just be aware that making the transfer to codepen is not straightforward, as there is a proper way to partition everything into the codepen interface to correctly use their system. But you can certainly do things that way, if you want to go through the extra pain. Also, I have seen people posting their code in github, but that is also a little difficult to provide help for, at least I find that to be the case. CodePen is a nice environment for the normal flow here.
is there no other method than js to remove background box of
http://codepen.io/nirmalannu/pen/pEGRgN
input . i want to plain my input backgroundhttp://codepen.io/nirmalannu/pen/pEGRgN
http://codepen.io/designercoder123/pen/kkVkaj
i am working on this artboard but my toggle isn't working. i need help!!
i am working on this artboard but my toggle isn't working. i need help!!
I'm working on TIC TAC TOE, and the setup of my code works, but when I go to actually start the game playing functions, none of my checkpoint code (console.logs, $("#").html("SOMETHING)...) works.
http://codepen.io/CameronBurkholder/pen/WGkELZ
http://codepen.io/CameronBurkholder/pen/WGkELZ
@gofighting123 thanks for the help but i was able to resolve just had to change the positioning of some lines. smile:
designercoder123 sends brownie points to @gofighting123 :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @gofighting123 |http://www.freecodecamp.com/gofighting123
@designercoder123 and the last line
i remark it bcz it freezed...
//$("input[type= range]").change(changeColor);i remark it bcz it freezed...
@designercoder123 u called changeColor inside of function changeColor....
@designercoder123 u should $("input[type=range]").val(6); // sets value to 6 for each of ur input range
@designercoder123 good job :+1:
hi, could anyone tell me what is wrong with this? Why can the 2 divs not be aligned in the same line?<body>
<div class="row" id="navigation">
<div class="col-xs-12">
<div class="col-xs-1 col-xs-offset-1"><a href="#">My Name</a>
</div>
<div class="col-xs-4 col-xs-offset-7"><a href="#">Home</a>
<a href="#">About</a>
<a href="#">Portfoio</a>
<a href="#">Content</a>
</div>
</div>
</div>
<div class="row" id="navigation">
<div class="col-xs-12">
<div class="col-xs-1 col-xs-offset-1"><a href="#">My Name</a>
</div>
<div class="col-xs-4 col-xs-offset-7"><a href="#">Home</a>
<a href="#">About</a>
<a href="#">Portfoio</a>
<a href="#">Content</a>
</div>
</div>
</div>
@designercoder123 seems the problem is
$("#showColor").css("background-color", "rgb("+ one +","+ two +", " + three + ")"); :clap:
@gofighting123 no that was not the problem. the problems were 1) change(changeColor()); --> change(changeColor); 2) called the function changeColor function after the toggle function.
Did anyone run into a problem with getting an AJAX get or getJSON to work in codepen?
I have my quote generator working locally on my computer and on a local webserver
but when I copy the same code over to codepen and add the JQuery import, my button does not do anything.....hmmm
@apasternack did you check the console of your browser?
can anyone help me figure out why my input value are not in font play
http://codepen.io/nirmalannu/pen/pEGRgN
http://codepen.io/nirmalannu/pen/pEGRgN
apasternack sends brownie points to @gofighting123 :sparkles: :thumbsup: :sparkles:
proper request headers?
@apasternack nope , codepen doesn't allow use CORS request...u should use webservice like https://crossorigin.me/ ?
@annunirmal ....
@annunirmal setting=>behavior...Auto-Updating Preview and checked...it :smile:
@gofighting123 i like it
:)
any idea how to style up and down button in
http://codepen.io/nirmalannu/pen/pEGRgN
<input type="number"http://codepen.io/nirmalannu/pen/pEGRgN
@annunirmal you're not allowed to change with CSS the styling of the arrows.
@annunirmal nope, you simply can't. the only work-around is to make pseudo-elements and place them above the predefined arrows, but that would be tricky and a waste of time.
like this one
and this one
yeah, they're using work-around just for Chrome/Mozilla browsers. Can be done, but would be unnecessary for you to get into all that trouble.
@CatalinScr best to get some working code first, then ask for help refactoring. What have you tried so far?
https://codepen.io/FreeCodeCamp/full/wGqEga/
freecodecamp's example^^
im working on the "Build a Wikipedia Viewer" and i did the first thing with the random wiki page but im completely lost with the other one.can you help me out?
freecodecamp's example^^
im working on the "Build a Wikipedia Viewer" and i did the first thing with the random wiki page but im completely lost with the other one.can you help me out?
hello everyone, i want ask. Why my local weather app wont runing in google chrome ?
@raga22 its because of the navigator settings...
Try using an api that gets your latitude and longitude, then apply those values to your weather api
Try using an api that gets your latitude and longitude, then apply those values to your weather api
@gbsimon87 owh like ipinfo.io ?
@raga22 one way is to estimate location from IP, just like @gbsimon87 said.
sometimes it's way off, for example my IP is about 700 Km away from where I am, but still
raga22 sends brownie points to @konsal and @gbsimon87 :sparkles: :thumbsup: :sparkles:
:cookie: 358 | @gbsimon87 |http://www.freecodecamp.com/gbsimon87
:cookie: 381 | @konsal |http://www.freecodecamp.com/konsal
@magnus195 second day struggling with my Simon Says app, still can't find my bug :P
@magnus195 never had such a big problem as this time, and nobody is willing to help as well, cause it's kinda complicated. so, I'm struggling :P
Thats why i cheat on tests, i think even x in math looks complicated (my next math test). I hope i dont forget it on the test
normally its x + 2 = 4 or somthing very easy, while we get long ones that make no sense like (2x +4) * 7 : (9x + 23 -2)
c'mon, if you wanna code you better like math :D at least those basics
Math is one of the most fun subjects at school, its still boring though
and also math is one of the subjects im best at
i got the highest grade in the class on 2 test in a row
one of them are national tests which is knows to be hard
thats why my class average is 3
my*
People say german is so similar to norwegian,ITS NOT
@annunirmal Simplest way is to create the input buttons yourself and just attach listeners to raise or lower the input value on button press
@AdventureBear i have a bug that's preventing me from continuing with the rest of my fixes, improvements. wanna show you my codepen?
For some reason my code doesn't work on CodePen, but it works on Atom. I was up all night trying to make it work on CodePen and nothing worked. I tried Atom this morning and my code was correct.
@mb432 You just need to be able to provide a link to a hosted version, whether thats on codepen or some where else is your choice. However, Codepen is FCC prefered host
@mb432 Did you make sure to Add the frameworks you were needing in Codepen?
mb432 sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:cookie: 411 | @jluboff |http://www.freecodecamp.com/jluboff
@mb432 Ya, you need to "call" to frameworks (like bootstrap, jquery, etc)
Ooh okay, I getcha you. I was trying to use plain HTML, but that's pretty hard to do.
I didn't want to get to fancy.
I just don't understand why even Notepad is doing everything that I want it to do, but CodePen won't. Here is an example:
<hr size="10" background color="black">
@mb432 I'd go to codecademy and take the html/css course. I think you're struggling with some basics. ;)
(well the size attribute...we'd want to use CSS instead)
@mb432 And if you're styling inline it would be <hr size="10" style="background-color: black">
@jdtdesigns I learn by repetition because I ran through all those challenges pretty quick, but I usually have to go over the material to engrave it in my brain. I'm doing read-search-ask. If you don't want to help that's fine, but once again the code is working in NotePad.
@jdtdesigns your code didn't even work either.
@mb432 Never take my comments as an insult. We're only trying to help. Post your codepen, because my code is correct and works fine.
I'll figure it out, I always do. Thought I would get some help here, but I guess not.
I'm trying to do the Twitch API project, but there seems to be no property for the profile icons of users who aren't streaming. I'm just using an array of response objects instead of using the actual API. https://gist.github.com/QuincyLarson/2ff6892f948d0b7118a99264fd9c1ce8
Is the twitch server currently up and running? I'm having some trouble getting a response from my JSON queries using the modified base URL for twitch.tv:
https://wind-bow.hyperdev.space/twitch-api
https://wind-bow.hyperdev.space/twitch-api
{
coord: {
lon: 9.75,
lat: 59
},
weather: [
{
id: 500,
main: "Rain",
description: "light rain",
icon: "10d"
}
],
base: "stations",
main: {
temp: 280.928,
pressure: 1034.19,
humidity: 100,
temp_min: 280.928,
temp_max: 280.928,
sea_level: 1038.56,
grnd_level: 1034.19
},
wind: {
speed: 8.82,
deg: 47.0007
},I am trying to access main inside weather which inside an object called data. Can any of you see anything I have done wrong?
jQuery.getJSON(url + lat + "&lon=" + lon + "&APPID=" + appID, function(data){
$("#locationP").html(data.name);
$("#temp").html(Math.round(data.main[0].temp) - 273 + "C");
$("#weather").html(data.weather[0].main);
$("#wind").html(data.wind.speed + " M/S")
});
@porygonj Jonathon, I'm on the twitch challenge also. What URL did you use to get the response you just posted?
@porygonj When I did the Twitch project, I had to make two API calls. One to https://api.twitch.tv/kraken/channels/ and one to https://api.twitch.tv/kraken/streams I got the logo from channels
@karocann I did the project a bit ago, so I haven't looked at it recently except to add the clientID
@porygonj You need the channel response to get the offline logo and the stream response for online images.
@karocann Unfortunately, I'm just using a list of premade responses. It looks like I'll have to use actual API calls to get the responses I need, though.
@JLuboff The new work-around ( due to rate limiting) changed the calls quite a bit.
@karocann The reason you might not be getting responses is they require an access id now.
Silly question: how do you get font awesome on codepen? I know you have to copy the link for font awesome into your html but what path do you specify?
@mhdavis You have to get a link from FontAwesome (they email it to you) and then you include that in the HTML settings under "Stuff for <head>"
@mhdavis Just go to Settings->CSS and start typing font-awesome in the input blocks
@mhdavis It will be something like <script src="https://use.fontawesome.com/yourid.js"></script>
@jdtdesigns Interesting. In the UPDATE section on the challenge page, it specifically states that an API key is no longer necessary. It sounds like the modified URL is specifically designed to be used with FCC.
@Skretch You need to use an ip locator for chrome and navigator for other browsers.
@jdtdesigns ? Everything is working I get an object with the data in respons but I can't seem to access the variable main in weather
mhdavis sends brownie points to @jdtdesigns and @jluboff :sparkles: :thumbsup: :sparkles:
:cookie: 412 | @jluboff |http://www.freecodecamp.com/jluboff
:cookie: 718 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
thats the only problem, I changed the codepen.io url to https so that navigator worked in chrome
@karocann The hard coded example isn't actual api data, it's just static code. To access the API, you do need an access ID now.
When making a JSON call is .stream part of teh JSON language?:
$.getJSON(url, function(data1){
if(data1.stream === null){
$.getJSON(url, function(data1){
if(data1.stream === null){
@karocann I just looked at the challenge instructions. To use the bypass url, you just do it like this https://wind-bow.hyperdev.space/twitch-api/channels/freecodecamp
replace 'channels' with 'streams' to get live streams info
@jdtdesigns That doesn't seem to work. If you look at line 12 in the codepen you can see that, that is already how I am doing it
data.weather[0].main. That should be correct or did I miss understand you ?
@Skretch Lol, just noticed you spelled weather wrong in your id
@jdtdesigns there isn't a quick load in the css for FA; only animate, foundation and boostrap
karocann sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 719 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@mhdavis What're you trying to do? If you need the icons, you just need the css.
like just include fa-spinner in the html and include it in the css
adjust the settings for it in the css i mean
@jdtdesigns LOL xD Thanks :P so much trouble for such a little thing :P
skretch sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 720 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@Skretch Welcome ;)
okay gotcha so just include the link in the html (or in the case of codepen, add it to the css tab)
Hello all. I am finishing up my "Random Quote Machine" project, but I cannot seem to add the part "#quotes" at the end of the tweet when the retweet button is pressed. I read the official document from twitter and it told me to add "hashtags=quote" to the link. It does not work. Please give me some pointers
https://codepen.io/tcao2/pen/xEmrrp here is my pen
thank you so much in advance
@jdtdesigns one other thing how do I get it so that when I'm hovering over the <a>, and not just specifically the twitter icon it changes color
.fa-twitter {
color: white;
}
.fa-twitter:hover {
color: black;
}
o i think I have an idea
any suggestions on getting my Portfolio Webpage started? Seems over whelming for what little I have learned. Even if I copied the code I don't know what a lot of it is doing....need some simpler ways to start. thanks!
can any1 tell me what this means - Are you developer @ desktop level or Server Level?
are they asking front end or back end?
while desktop would be front end
np sir!
can i get some help on the wikipedia viewer project?
@tcao2
tweetBtn.addEventListener("click", function(){
var myURL = "https://twitter.com/intent/tweet?hashtags=quotes&text=" + quote_content.innerText;
window.open(myURL);
});tcao2 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 721 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
Hi ! Anybody online that's comfortable with react ? I'm working on a personal react project ( a countdown list ) on codepen and I have a problem that I simply cannot understand ... i have ONE setState in componentDidUpdate that's supposed to get the inputed time in miliseconds, but it will not update the state. the variable works, it gets the inputed time in miliseconds correctly but the setState(timeInput: milisecondsVarialbeHere) just is not changing the state on just THAT particular state; if i put anyother state in that set.State , it works. Would anybody want to take a look :) (it's on line 466-468) ?
I am trying to place an href tag on on my twitch page that shows the status of freecodecamp, but I can't seem to get it to show up. The URL works, the HTML looks good, but I can't find my error. Can you help?
http://codepen.io/stmoen/pen/RGYKxg?editors=1011
http://codepen.io/stmoen/pen/RGYKxg?editors=1011
Your a element should be a dead link with a href attribute set to "#".
is any one can help me with this.
is any one can help me with this.
@karocann the url should be this https://wind-bow.hyperdev.space/twitch-api/streams/freecodecamp?callback=?
you need to return jsonp with codepen
hi!! i have three wells in my page and one has a margin and the others no.... but i dont understand why ... i created them copying each other
@j1417
Yeah, rows go horizontally, but two or three rows goes vertically
@magnus195
responsive when it comes to a website, whether it be moving from a maximum width to a minimum or at minimum to the maximum width ?? sorry my english is not that good :)
.well{
margin:0px;
width:5px;
padding:100px;
}
@j1417
j1417 sends brownie points to @magnus195 :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @magnus195 |http://www.freecodecamp.com/magnus195
@j1417 Remove your
.well in your css and do this: <div class="row well">
<div class="col-xs-9">
<p>Informatics Engineering student at National University of la Matanza, Argentina.</p>
</div>
<div class="col-xs-3">
<img src="https://x1.xingassets.com/assets/frontend_minified/img/users/nobody_m.original.jpg" class="img-responsive img-circle">
</div>
</div>
hi im doing the portfile project....how can i send a email in the form???
@j1417 I think you need php for that. There are websites where you dont need a php server like 123contactform.com
But you can create a mailto: button which sends the user to their email client so he/she can send an email from there
But you can create a mailto: button which sends the user to their email client so he/she can send an email from there
@j1417 if you want you can add in the form action="mailto:youremail@adress.com" that will open the implicit email client of the user withyour email already filled in
@magnus195 lol. haven't seen your post
Working on twitch and trying to get a list of users using the documentation provided at
https://github.com/justintv/Twitch-API/blob/master/v3_resources/follows.md#get-channelschannelfollows
I cannot get the list of users to show up in a console.log statement. Can anyone help? See JS lines 12-17
http://codepen.io/stmoen/pen/RGYKxg?editors=0011
https://github.com/justintv/Twitch-API/blob/master/v3_resources/follows.md#get-channelschannelfollows
I cannot get the list of users to show up in a console.log statement. Can anyone help? See JS lines 12-17
http://codepen.io/stmoen/pen/RGYKxg?editors=0011
@mhdavis just find one on google, like weather.com
@magnus195 you suggested to use a button. if he uses a form then just add that as an action and the submit button will call it
I know I was just wondering if there were any specific APIs that were nice to work with
And it doesn't have farenheit
And its Norwegian so country names will appear in Norwegian
Hi there https://codepen.io/atharvajava/pen/yakgxP?editors=1000 i am creating responsive navbar there but when i am making the screen small all the icons dissappear and that button doesnt work as a dropdown stuff can anyone guide me what i am doing wrong here
oops nvm thanks i forgot to add Jquery :O
@karocann your url
https://wind-bow.hyperdev.space/twitch-api/channel/follows is wrong try to replace "channel" with the actual channel like https://wind-bow.hyperdev.space/twitch-api/freecodecamp/follows
j1417 sends brownie points to @sorinr and @magnus195 :sparkles: :thumbsup: :sparkles:
:warning: j1417 already gave magnus195 points
:cookie: 788 | @sorinr |http://www.freecodecamp.com/sorinr
@sorinr I guess I don't understand channels in this context very well. Could you give a short explanation?
hi!! how can i create a button that takes me to the top of the page???
Use an id on your main doc and use an a tag to link to that id (#WHATEVERYOURIDIS)
@karocann sorry. this is the right url:
https://wind-bow.hyperdev.space/twitch-api/channels/freecodecamp/follows
@karocann using this api call u find who is following freecodecamp channel if this is what you want
@magnus195 and if i want that the button go up and down when i scroll up and down ??
Hi guys please I need help with the random quote generator project. My code is here: http://codepen.io/freddiefo/pen/xEBwVP
I need to get dynamically loaded html (where the random quotes are meant to appear) and assign to a variable so I can link it to the twitter “data-text” share button. I want to be able to press the tweet button and tweet whatever quote has been generated!
the button is always at bottom left in the window
@sorinr My understanding is that fcc is one of the users, not a channel based on the array of users given on the challenge page. I am trying to get a list of all users currently online.
http://codepen.io/stmoen/pen/RGYKxg?editors=0011
http://codepen.io/stmoen/pen/RGYKxg?editors=0011
@sorinr yes - the ones that are currently using any of the channels (or is streams?)
Using gitter on phone. I will be online for sometime. :)
@karocann was that you who had issues with twitch TV? Someone had just commented on my reply in the forums.. :)
hi!! how can i make a a button like the on in this page that is alway bottom left in the page https://codepen.io/FreeCodeCamp/full/YqLyXB/
@NitinNair89 I've been having issues with twtich, but my conversation has been with Sorin Ruse.
Oh Ok @karocann . I thought it was you who commented. Someone similar to your username. Sorry!
@j1417 Do you want to create the bottom right button which scrolls to the top of the page?
@j1417 NP! Assign the button a fixed position and add some pixels to bottom and right in your CSS
.btn {position:fixed; right:5px; bottom:5px;}
The button should actually be an anchor tag with href attribute pointing to the "Id" of the element wherever you want to scroll. @j1417
Hey everyone. I've been away from coding for a while and just getting back into it so I'm trying to finish up my weather app. Having a little trouble figuring out how to do something without declaring a global variable. If anyone has time I would appreciate some quick input. Thanks.
j1417 sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 303 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
@FatTone225 why do you need a global variable?
I've got one function called getweather() that handles my API calls and assigns the data to variables and updates my HTML. In order to do the F/C button I think I have to put that function outside my getweather() function. That would mean that I'd have to call getweather() again every time the button is clicked, but I don't really want to do that for a couple reasons. 1. In order to get my data I had to do a nested API call, so each call is actually 2 calls. And number two is that getweather() already retrieves the data I need.
So if I made a global variable I could store the Celsius data outside of getweather() and update the HTML every time the button is clicked without calling the API again.
@FatTone225 why making another API call? just change the inner HTML to covert back and forth.
convert*
@KonSal Right now everything happens inside getWeather() which is called once when the page loads
So in order to use that data I'd have to have the button functionality inside getWeather(), but I don't think that will work since it only runs one time when the page loads
Or would it?
@FatTone225 Well, you can store the api data on global variables and then change them in whatever way you want to.
Right. I was just trying to avoid global variables since from what I understand it is considered to not be the best practice.
Just revisited my weather app and did what you did. I'm calling the API every time i change from imperial to metric system.
@FatTone225 once you retrieve all your necessary info from the API, you can calculate the temperatures in Celsius and Farenheit and store it as the content for two different <span> which are hidden on page load. On the click of button, pass the Id of <span> as argument and hide/show them. I haven't seen your codepen yet, but you can position the span on top of the other so that it gives the desired effect of temperature conversion.
@KonSal Ah. lol. Common problem then. @NitinNair89 Very very clever sir.
@atharvajava is the head visible without the navbar? If yes, then add some margin-top to that image
@NitinNair89 i tried adding margin top and yes it is visble without nav and margin-top is having no effect on it
@FatTone225 thank you :smiley: I just thought about it now .. Haha. I don't remember how I did it on my codepen
nitinnair89 sends brownie points to @fattone225 :sparkles: :thumbsup: :sparkles:
:cookie: 364 | @fattone225 |http://www.freecodecamp.com/fattone225
@atharvajava remove the center-block class. I didn't see anything in your CSS on codepen
@NitinNair89 @KonSal thanks and suddenly it started working -_- .... i guess may be my connection is bugging me
atharvajava sends brownie points to @nitinnair89 and @konsal :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
:cookie: 385 | @konsal |http://www.freecodecamp.com/konsal
i added it earlier nitin that time it wasn't working now it is
Haha great for you! :)
@atharvajava you had to press Run to see the CSS change for some reason, no live updating
Ok, I have a challenge for you! Who wants to review my Simon Says app and find a bug that is driving me crazy? :P
not now i am so tired its 2:20 am i need to go to work as well i dk how i will do java stuff tommorow ;-;
I'll just leave my codepen here for anyone who wants to have a look!
The bug i'm trying to kill is:
If you start a game, then press stop and start again, the score is jumping in (N+1)*2 steps, where N is the number of times you Stopped/Started again the game.
http://codepen.io/KonSal/pen/pgjozZ?editors=0010
The bug i'm trying to kill is:
If you start a game, then press stop and start again, the score is jumping in (N+1)*2 steps, where N is the number of times you Stopped/Started again the game.
http://codepen.io/KonSal/pen/pgjozZ?editors=0010
@NitinNair89 I can see it resetting properly in my console. But for some reason, after restarting, my getPlayerSequence function is getting called multiple times. Where did you spot an error?
Um also, once stopped the game sequence should reset. If I played 1 level and scored 1 and stopped. When I click play again, it should again start from level from. Currently it started from level 2 and gave me a score headstart of 1. This continues on..
*from level one.
So if I stop at say level 5 and restart, I would get a score of 5 and game will start at level 6 instead of level 1.
@NitinNair89 i can't replicate that. I'm always starting from Level 0 but then i jump at 2nd/3rd depending on how many times I stopped.
Ok.. I am using my phone right now. Can't do much on codepen!
konsal sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 305 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
What's the playsequence doing?
@NitinNair89 animating the current sequence and pushing to an array the expected player input to check afterwards.
Also did you try resetting the values inside else part? - which button===play again @KonSal
The play now is only first right? So if I stop this game and click play again, my scores and not reset, neither the sequence..
*are not reset
I think or reset should happen after click of stop game as well? - just forming my hypothesis. Sorry! @KonSal
See you guys tomorrow. 3am here. All the best @KonSal :+1:
thx for the help!
Anyone here use the Weather Underground API for their Weather App? I'm a little confused in terms of how to pull the data from the API
I got a key ID; I'm trying to figure out how to pull the correct data corresponding to someones location
@mhdavis you need to either use geolocation data or a second API, to get coordinates according to user's IP address
The pen is pretty empty at the moment, as I've been doing a lot of googling and video watching for api
@KonSal does the API auto recognize the IP from the person using it?
with that data, then you can call weather API for appropriate location
@KonSal so do I have ot use that to pull the location information to then feed to the Wunderground API?
@mhdavis You only need one URL for location + weather with Wunderground: https://www.wunderground.com/weather/api/d/docs?d=data/geolookup&MR=1
The url is formatted:
The url is formatted:
https://api.wunderground.com/api/Your_Key/geolookup/q/autoip.json
Yea that is what I was wondering @TylerMoeller so you just need the key ID to activate the API, but it will use the geolookup to find the corresponding location
@KonSal your method works too; I was just unsure of how the geolookup worked
@mhdavis Yeah, apparently wunderground has a autoip function that my OpenWeatherMap API didn't. Even better!
that simplifies things so now all I have to do is $.getJSON on that link and it should pull up everything correctly, I can test it by copy/pasting the link into chrome and making sure I get a JSON object
@KonSal its chill, your method works well for things that don't have as fancy a thing as geolookup
worth knowing in case I have to use it later
I just get really uptight about code that isn't clean and short depending on what you want it to do
so the less code in this instance the better
@KonSal - looking at your simon game. I think that the problem has to do with the way your getPlayerSequence function works. I think that every time you invoke that function, you are adding a new click handler to your
.playField classes, and those are not removed. You can probably restructure your code to make sure that you only do that function one time, either with a flag variable to indicate that the click handler is already set, or set the click handler outside of a function that you repeatedly call. I haven't tried to edit the code to see if I can prove that, but I think by analysis that is what is going on.
it was creating a div for today without any data, so i just removed it if there's no data
easy fix ;)
@KonSal - yes, I think that that's it. I have an edited version that is much better behaved, but does my comment make sense to you?
silver537 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 722 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@snickerz It works for the concept, but it could use some styling. ;)
It was working fine a few minutes ago... Anyone getting a 503 error on https://wind-bow.hyperdev.space/twitch-api ?
@jdtdesigns i had fixed my problem which let me take away the boxshadow. and i also changed the color a tiny bit.
http://codepen.io/Silver537/full/gwKvmg/
http://codepen.io/Silver537/full/gwKvmg/
@khaduch actually, i tried a couple hours ago to have my click handler outside of the function but didn't make it work. But i'm guessing that's where the problem is. Thanks for your feedback :)
konsal sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1827 | @khaduch |http://www.freecodecamp.com/khaduch
@KonSal - my quick fix was to do this - slight modification to this part of your code:
var clickOn = false;
// Function that takes player input
var getPlayerSequence = function() {
// Play sequence up to the score point.
playSequence();
if (clickOn === false) {
$('.playField').click(function() {
// Animate user-pressed playing fields.
playFieldId = $(this).attr('id');
animateField(playFieldId);
// If the last one is correct, proceed to next round.
// Intoduces 1.5 second delay between rounds.
if (playFieldId == thisRound[0] && thisRound.length === 1) {
setTimeout(function() {
thisRound.shift();
score += 1;
playFieldId = " ";
playSequence();
}, 1500);
// Keep pushing till the last one.
} else if (playFieldId == thisRound[0] && thisRound.length > 1) {
thisRound.shift();
playFieldId = " ";
}
});
};
clickOn = true;
}Just tracking if the click handler was added, and only allowing it to be added once.
@khaduch ahaaa! nice! imma implement it right away and let you know! :D Thanks again!
konsal sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:warning: konsal already gave khaduch points
Hello! I'm working on a responsiveness issue. When the picture next to the text moves below the text when the screen gets smaller, I want it to be centered but it isn't doing it. Suggestions? http://codepen.io/kcdilla/pen/RRWmbQ
@silver537 You can decrease the code by using an array for the weekdays instead of a switch
@KonSal - you're welcome. The funny thing is that I just found a similar thing on someone's pomodoro project not too long ago - once I started thinking about the behavior of your project, I remembered something similar from that... good luck finishing up - nice concept for your game! :)
@khaduch Thanks a lot for your kind words! :) Well, i guess our inexperience leads us to similar mistakes :P
konsal sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:warning: konsal already gave khaduch points
@NitinNair89 Took a little figuring out but works beautifully. Thanks again for the great idea!
fattone225 sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 306 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
@jdtdesigns so on your code. you declared a data object, then you're adding properties with new data?
@TylerMoeller you still around? I have a question about the API
@TylerMoeller I popped the address into a browser and all it gives me is information about the location and surrounding locales but no info on the temperature and climate of the area
in they example they give on the page, they use the city and state
like that
@mhdavis Sorry, my fault, I gave you the wrong url. Replace 'geolookup' with 'conditions':
https://api.wunderground.com/api/Your_Key/conditions/q/autoip.json
okay cool that gives me everything I need now
if anyone get's this chrome console error when using apis or using getjson jquery command: http://i.share.pho.to/17875d4a_o.jpeg
then use this resource: http://crossorigin.me/
It allows you to use resources from other domains without getting this error. The site explains better. Take a look: http://crossorigin.me/
@silver537 The data object is used to store data that can be shared across the app. The only trick is to know how async data works to avoid conflicts.
@jdtdesigns async data reduces accidents? like overriding preexisting properties? or how does it work?
@silver537 Async or asynchronous refers to the ajax data that is being requested from the api. It is not available instantly. The ajax request is sent and the rest of your code is ran. Once the data is received, the ajax response will fire the callback. If you call functions or run code that doesn't wait for the callback response, it will fail.
You'll see .then() in my code. That makes sure the response has been returned before running that function.
@jdtdesigns i think thats what i did. i wrote my code in the $getJSON method. i guess i've been using async data. but the only difference is, i was passing the data object as arguments for functions.
@silver537 You're coding procedurally which is fine for small programs. Running the code line by line to do this or that. What you'll soon find is coding functionally can clean up your code and make it more readable to you and others without the need for mass commenting.
@jdtdesigns i thought i was coding functionally.. are there any rescources i can look up for "functional" coding?
@jdtdesigns are you talking about promises, when you say
.then?
@jdtdesigns i saw you use a map method.
data.forecast.map((obj)=> {}) is this rewriting the json data?
@silver537 I'm just using .map() to iterate through the array of forecast objects returned from the api
I saved the list to data.forecast
.map() can do many things, but at it's most basic can be used as an iterator. Like a for loop but less code.
or it wouldn't make a difference