yep... same
? what happened?
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET', "https://www.erepublik.com/en/military/campaigns-new");
ourRequest.onload = function() {
var x = Object.values(JSON.parse(ourRequest.responseText).battles);
var c = Object.values(JSON.parse(ourRequest.responseText).countries);
for (var i = 0; i < 2 ; i++) {
if (x[i].inv.points > x[i].def.points && c[i]['id'] == x[i].inv['id']) {
console.log( "winnerID: " + x[i].inv.id +"Country Winner is: " + c[i]['name'] + " Country KEY id is: " + c[i]['id'] + " Loser ID is: " + x[i].def.id);
} else if (x[i].inv.points === x[i].def.points) {
console.log(" EQUAL" );
} else {
console.log("DEF WINS");
}
};
};
ourRequest.send();
nested the statement
but doesnt work neither with x[i].inv['id'] or x[i].inv.id
https://codepen.io/MMan/pen/xPLLKE?editors=1010 @bytao7maou need to console.log a lot to see if u accessing the correct object property
@moigithub man, you're a saviour ! Thank you so much !
bytao7mao sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 3711 | @moigithub |http://www.freecodecamp.org/moigithub
@moigithub the hero we need, but not the one we deserve!
@newnewb thank you too man for tips
bytao7mao sends brownie points to @newnewb :sparkles: :thumbsup: :sparkles:
:cookie: 293 | @newnewb |http://www.freecodecamp.org/newnewb
i'll go to sleep now happy :)) bye seeya and happy coding if you're still staying up
Is it ok to use objects without double quote?
For Eg- var myObj = { name:"Zed", age:21, car:null };
hello dear coders
@harsh-makadia quote is for string, if it was a number or boolean, you don't need quote
can somebody explain me how does the wikipedia APi:opensearch works?
@harsh-makadia you can use single or double quotes for strings - the keys dont need quotes though im pretty sure
I need to get the array for it in JSON and the call back, I read through the documentation but, I don't quite get it
so they must be treated as strings be default or something maybe
I wanna get the link to make the searcher works
and info from wikipedia, do you know anything about it? how can I get that?
@Dr-D-M have you read https://www.mediawiki.org/wiki/API:Main_page ?
yeah, I read that
@padunk I read here also https://en.wikipedia.org/w/api.php?action=help&modules=opensearch
but, my question is, I just need to add that link to the code and add the right arrays to make it work? or what should I do next? i don't quite get it
I've been struggling with this for about a day or so jaja
wikipedia has API sandbox where you could choose any option you want to return. Here is the api sandbox
then I make the request?
according to the option i want to return, is that correct?
yes, although the sandbox is quite confusing for the first time. Search it in youtube if you confuse how to play with it @Dr-D-M
@Dr-D-M here is a link for how to use it https://forum.freecodecamp.org/t/wikimedia-api-sandbox/145146
:trollface: troll problems? notify admins here
@padunk thanks man
dr-d-m sends brownie points to @padunk :sparkles: :thumbsup: :sparkles:
:cookie: 393 | @padunk |http://www.freecodecamp.org/padunk
@Dr-D-M your wellcome. do you get it?
I'm still clicking on it to get it right lol
I've been reading in forums and all and it seems like wikipedia API is a pain in the ass
yes it is :smile: happy coding
thank you lol
happy and frustrating coding
nop, Idon't get it
what do I have to write in the search parameter?...
I'm lost completely
@Dr-D-M your action should be query, and you could click
action=query for more options
where i can able to learn the api completely..?
:point_up: November 14, 2017 3:01 AM @SL0TR - taking a look at your projects. I don't think that I saw the weather project, at least I don't remember seeing one that looked like this. Looks good - but the layout is very sensitive to the viewport height. Perhaps that is what you were referring to with your comment about mobile responsiveness. It looks good, though - one suggestion, on the conversion between F and C, it kind of makes sense to me if the wind speed is also converted from km/h to mi/h? A minor thing, though.
On the wikipedia viewer - I used one of my favorite search words - "potato" and it sort of looks like it didn't order the outputs according to relevance, but the more interesting thing is that each article had the same heading on it "Great Famine (Ireland)" which was also the top article in the list. That seems to hold true for any search - the same heading shows up on all of the articles that are shown. So it seems that the articles are not shown in order of relevance (I think you want to use the "index" value in the returned items) and the title is not being properly set for each article.
Hello :)
hey
Hey guys, can anyone help with media queries using sass?
I am using gulp as the build process, but whenever i try to compile the media query, it throws and error
@onomesotu Let me see your code
It's basically @media screen and (min-width: 500px)
something like that ^
@moT01 thanx
isaaknazar sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 902 | @mot01 |http://www.freecodecamp.org/mot01
Hello guys, any ideea about how to implement a searchBox based on user's returned text type ?
@bytao7mao Try to explain it a little more.
@Masd925 i now have a statement that returns the winners and losers from a JSOn
each of them have an ID which is the same with the Country
well, i have to implement a searchBox, to return only that country with either the result winner or loser
guys what do u think about design?
https://codepen.io/NazarIsaak/pen/rYwEjg
https://codepen.io/NazarIsaak/pen/rYwEjg
@bytao7mao i think you should have an array with the countries list and use it as an auto completion source for a search input field. you can get the countries list from your json response
@bytao7mao then based on your search input, filter your initial json data retreived from the api call and show only the results corresponding to the country id you have choosen
@bytao7mao suppose this is what you want to achieve
Hey guys does anyone have a set solution for solving Cross Origin errors?
yeah
Its so damn hard to access an API locally or from codepen
ive tried crossorigin.me but that doesn't work
@sorinr that is what i want to do, but still, how do i do that
Hi, every one. I just completed Weather app project and would really appreciate your feed backs.
@TechMky It looks really good the layout, icons, and font. However, I think you should get rid of the scrollbar by changing the height of the container but that's just me
@bytao7mao 1st. store your api json response into a variable(lets say you name it "myjson") for future use 2nd. use this var as the source for an auto completion input(see here some info) search field(from myjson you need the countries.id and countries.name) 3rd. filter mysjon.battles for countries.id corresponding to the country name in the input search field 4th. display the filtered result
@TechMky i like it, even has responsive design
good job, :+1:
@GitHub-Henry thanks
techmky sends brownie points to @github-henry :sparkles: :thumbsup: :sparkles:
:cookie: 484 | @github-henry |http://www.freecodecamp.org/github-henry
@IsaakNazar see that you have to prevent default of form submission also when you click the search button not only when you hit enter in your input field
@sorinr I am a little unsure about how to do that. Even if I do it, would it mess up the layout and all? what if a user access this on a small screen?
@sorinr ok thx
isaaknazar sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1356 | @sorinr |http://www.freecodecamp.org/sorinr
@TechMky can you plz refresh my memory about your project
_getAmount(amount, code) {
if(amount) {
code = code ? code : "USD";
return amount.toLocaleString('en-US', { style: 'currency', currency: code });
}
return 0;
}
i am using the to LocalString method for converting the currency. this return’s me some value like “$6,702.88”. How do i add space between the $ symbol and currency and make it look like this “$ 6,702.88"
@sorinr it is ok if i store the response in "winner" variable ?
because i have already a variable "winner" which store the conditions
into text
Hi all, i have gotten an URL for getQuote API https://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?
but how come there is a question in the url?
If memory serves me correctly
@bytao7mao the name of the variable is less important. important is to not override data already stored into that variable that you may still need in the future. it depends also if winner var is declared as an json object
The question mark is a callback
I remember reading something about that on the wikipedia api
hmm...I searched and it was mentioned that JQuery callback function look like this $(selector).hide(speed,callback);
@sorinr my json object is declared with "countries"
let winner = '';
if(inv.points > def.points){
winner = countries[inv.id].name;
} else if(inv.points === def.points){
winner = 'TIE';
} else {
winner = countries[def.id].name;
}
data.append
@Seahchye yeah its just a callback for cross origin support
but that has nothing to do with jquery
Aslong as you can retrieve the data from the api, you are good to go
@sorinr I didn't get you
@Seahchye Any method which passed as an argument of another function is called callback function / method.
@bytao7mao you cannot use countries and winner to store an json object as you declare them as string
@TechMky i don't recall what was about your question to remember my answer
@sorinr i create a different forEach then and store there?
depending on a similar if else condition?
@bytao7mao yes you can create a special function that will deal with the filtering and inside you can create new forEach to loop through the data
@bankplank @aizazshahid I see thanks!
seahchye sends brownie points to @bankplank and @aizazshahid :sparkles: :thumbsup: :sparkles:
:cookie: 300 | @bankplank |http://www.freecodecamp.org/bankplank
:cookie: 732 | @aizazshahid |http://www.freecodecamp.org/aizazshahid
@sorinr allright thanks
@bytao7mao welcome. you can ask anytime if you need further help
:D
@IsaakNazar you just need this:
function wikiLoad(e){
e.preventDefault();
@sorinr its prevent from errors right?
@IsaakNazar its preventing the form submission that has no action declared
@IsaakNazar every button within your html <form></form> tags will try to submit the form and refresh its inputs
@sorinr that is super useful, thanx for sharing :)
isaaknazar sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1357 | @sorinr |http://www.freecodecamp.org/sorinr
@IsaakNazar welcome
@IsaakNazar be aware that you have to comment out your e.preventDefault() in here:
if (e.keyCode == 13) {
// e.preventDefault();
wikiLoad();
}otherwise when you hit enter will not work anymore
@IsaakNazar with this little changes your project is :+1:
@sorinr that's super nice, appreciate :+1:
I've never known preventdefault is so important
I've never known preventdefault is so important
@IsaakNazar in case of forms it lets you deal your own way with data in that form. maybe you want some inputs validation, etc
@sorinr on codepen random button doesnt work, but on local laptop it does
@sorinr nothing. Was just asking for the feed back.
@IsaakNazar for me its working and is opening new browser tab with a random article
@sorinr ok
@sorinr the problem was popupBlocker extension for Chrome browser :)
@IsaakNazar good you found out :)
@sorinr how do i search by user input ?
if (Input.id === "France") {
return countries[def.id].name;
}
i dunno how to get what the user input in the search bar
ele.val()
if you are using jquery will work
ele.val ?
wut
@bytao7mao ele is the element
val() is the method
@bytao7mao
document.getElementById("myinputid").value
nice ! thanks @sorinr
bytao7mao sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1358 | @sorinr |http://www.freecodecamp.org/sorinr
thanks @longnt80
bytao7mao sends brownie points to @longnt80 :sparkles: :thumbsup: :sparkles:
:cookie: 670 | @longnt80 |http://www.freecodecamp.org/longnt80
@bytao7mao welcome
@bytao7mao val() function is when you are using jquery
i don't know where i am wrong
var inp = document.getElementById("ss").value;
if (inp === countries[inv.id].name) {
data.append(`
<li>
${countries[inv.id].name}(${inv.points})
vs.
${countries[def.id].name}(${def.points})
-
<strong>
WINNER:
${winner}
</strong>
</li> `);
};
if i search for any Country it does'nt return anything
@bytao7mao you need to bind an event to the input changes like "keyup" to trigger when the input value is changing. then you check if the user hitted the enter key and then apply the filter
oh O_o
@bytao7mao you need something like:
<input type="text" onkeyup="myFunction(e)"> and inside myFunction you place the code you mentioned above but be aware that the first line into the function to be e.preventDefault() to prevent your form submission
oh ok
where do i put this ? <input type="text" onkeyup="myFunction(e)">
html?
can we assign class to span
suppose
<p> My name is Charles <span class="wheelchair"> Xavier</span> and ..... </p>
Hey guys i need some help with a newsletter
@bytao7mao For detecting input element changes, one should not use keyboard events (because the user might be using for example speech recognition). You should use events like
input, change, blur... depending on what functionality you need.
for now i need to finish by input
it's working but it seems i can't get the value and return it
@bytao7mao yes @Masd925 is right about the keyboard events. better to use onchange instead of onkeyup
@bytao7mao you can google for
oninput vs onchange to find out witch one suits best your need
Hii everyone!
Could anyone help me with bootstrapping images in my pen, I tried several options but still images are not in a row (placeholders). Maybe I have some parent/child problem I can't see, help please? :smile:
@amaranthaST you should add in pen settings->css bootstrap3 framework and to your column divs add col-md-6 class like:
<div class="col-xs-12 col-md-6">
Hey guys I have one question
How can I markup the element matches on a regex expression on javascript?
@amaranthaST like here
I tried .exec that returns me an array of the matches but now I don't know how to manipulate the dom to markup that elements in my textarea
sorry markup is not the correct word
accentuate*
or highlight
I don't believe there is a way to give any special styling to values inside of a textarea
hello. any webpack expert?
any idea of how I would embed html/css & javascript page links in my html ?
Good evening everyone
I have a sass problem
my sass media queries won't compile when i run it through gulp
it throws an error
even though I think i did everything according to the documentation
Any help will be appreciated on how to write the media query or find out the error
@onomesotu good morning
any luck?
@onomesotu can you post some of your
@media queries? WIthout anything to look at. And perhaps your error message that gulp is giving you
@onomesotu Remember to format it with ``` so that it formats and is easier to read
Yes I am about to post it
Cool :)
$width-name: max-width;
$target-width: 320px;
@media screen and ($width-name : $target-width) {
.form-inline .form-control
display: inline-block;
}
Okay. You need
{ and } around display: inline-block as a quick note.
You start a
.form-inline .form-control selector but there are no curly braces for the content
@Asjas noted.
It didn't work though
Gulp still throws the above error :(
Hello can someone check why this function always returns false?
function truthCheck(collection, pre) {
// Is everyone being true?
// loop through collection in each argument:
for (var i=0; i < (collection.length +1); ) {
// check if the predicate is occuring:
if (i == collection.length) {
return true;
}
else if (i.hasOwnProperty(pre) ) {
i++;
} else
return false;
}
}
truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
@onomesotu The error is
screen and ($width-name : $target-widht) { {. Is there two opening brackets? That will give you that err message
@MichielHuijse i see one issue right away
This is how the query should look
@media screen and ($width-name : $target-width) {
.form-inline .form-control {
display: inline-block;
}
}
@Asjas I am as perplexed as you are... here is the entire sass code... only just one media query added :(
$font: 'Inconsolata', monospace;
$white: #fff;
$black: #000;
$yellow: #BB6614;
$uiColor: #a29896;
$footerHoover: #3176B1;
$placeholder: #66AFE9;
$rain: ('../pictures/Rain.jpg');
$snow: ('../pictures/Snow.jpg');
$thunderstorm: ('../pictures/Thunderstorm.jpg');
$snowfall: ('../pictures/Snow.jpg');
$clearsky: ('../pictures/Clear.jpg');
$cloudy: ('../pictures/Clouds.jpg');
$drizzle: ('../pictures/Drizzle.jpg');
$extreme: ('../pictures/Extreme.jpg');
html, body,
margin : 0;
padding: 0;
body
font: 100% $font;
transition: background 1s linear;
.container
max-width: 1200px;
//HEADER
#header
margin-bottom: 10px;
h2
text-align: center;
font-size: 45px;
color: $black;
text-transform: uppercase;
font-weight: bold;
.search_form
margin: 0 auto;
text-align: center;
#search
height: 45px;
&:focus
color: $placeholder;
font-weight: bold;
.btn
width: 120px;
&:hover
background-color: $black;
color: $white;
box-shadow: 0 0 4px 2px rgba(0,0,0,0.3);
transition: all .5s linear;
.get_location
width: 300px;
.ui-autocomplete
background: rgba(0,0,0,0.3);
opacity: 1;
color: $white;
list-style-type: none;
font-size: 16px;
width: 100px;
padding: 2px 5px 0;
font-weight: bold;
//MAIN
#main
color: $white;
.weather_main
width: 40%;
margin-top: 5em;
opacity: 1;
background: rgba(0,0,0,0.3);
padding: 2em;
border-radius: 5px;
font-weight: bold;
.weather_info
width: 33%;
margin-top: 2em;
opacity: 1;
background: rgba(0,0,0,0.3);
font-size: 2em;
padding: 2em;
border-radius: 5px;
font-weight: bold;
float: right;
h1
font-size: 5em;
font-weight: bold;
h3
font-weight: bold;
//FOOTER
#footer
margin-top: 4em;
text-align: center;
font-size: 2.5em;
color: $white;
font-weight: bold;
.footer__hover
color: $white;
&:hover
color: $footerHoover;
transition: all .5s linear;
text-decoration: underline;
&:visited
text-decoration: none;
//MEDIA QUERIES
$width-name: max-width;
$target-width: 320px;
@media screen and ($width-name : $target-width) {
.form-inline .form-control {
display: inline-block;
}
}
you're searching if (i.hasOwnProperty... @MichielHuijse
search collection[i]
@onomesotu Take out the curly brackets. The rest of your code doesn't have it meaning you are using the old SASS syntax style
That does not support curly brackets at all. SASS syntax works on whitespace indentation
@MichielHuijse it's
collection[i] first of all
@moT01 and @onomesotu thanks
michielhuijse sends brownie points to @mot01 and @onomesotu :sparkles: :thumbsup: :sparkles:
:cookie: 903 | @mot01 |http://www.freecodecamp.org/mot01
:cookie: 292 | @onomesotu |http://www.freecodecamp.org/onomesotu
@Asjas trust me @Asjas i have tried that too :)
@MichielHuijse there's some other issues
@Asjas yesssssssss
it worked
thank you thank you :)
Pleasure :)
i dunno, that's not the format i would use or recommend - but it may work - a for loop typically looks like this...
for(var i=0; i<collection.length; i++) {
stuff here
}
@Asjas thanks so much
onomesotu sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 285 | @asjas |http://www.freecodecamp.org/asjas
Yesterday my goal was to write media queries for weather app then move on to wikipedia viewer
but this problem occured..man was i depressed...
wont be the last time
There was no reference at to this problem on stackoverflow...made everything worse..
@moT01 loooool
I know what you mean man :)
by the way, sorry for the spam with my sass code
yes, you are right that you can put the i++ further down like you have it
did you change the test like we mentioned
function truthCheck(collection, pre) {
// Is everyone being true?
// loop through collection in each argument:
for (var i=0; i < (collection.length +1); ) {
// check if the predicate is occuring:
if (i == collection.length) {
return true;
}
else if (i.hasOwnProperty(pre) ) {
i++;
} else
return false;
}
}
truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
you probly dont need the +1 in the loop
@MichielHuijse what does the first if conditional do?
also - i dont recall the specifics of the challenge
but wouldn't you want to test if the collection doesn't have that property
@onomesotu breaks the loop and returns true when all elements contain the predicatment.
oh, i guess you're way should work there
@moT01, it should but does not :)
you might get an error or something before you can ever get to true
@MichielHuijse can you post your new code?
collection[i] wont exist for the last two tests
function truthCheck(collection, pre) {
// Is everyone being true?
// loop through collection in each argument:
for (var i=0; i < (collection.length +1);) {
// check if the predicate is occuring:
if (i == collection.length) {
return true;
}
else if (collection[i].hasOwnProperty(pre) ) {
i++;
} else
return false;
}
}
truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
index starts at 0
collection[0] ==tinky
collection[1] =dipsy
[2]=laalaa
[3] ===po
[4] === undefined
your
i gets to 4
search until
collection.length you don't need +1
@moT01 yes, so than collection.length == i returns true
so you test collection[4].hasOwnProp and since it's undefined it goes to the false
@moT01 but first it goes to: if (i == collection.length) {
return true;
}
return true;
}
hmm, you might be right there too
put some console logs in there
find out where it gets to
find out where it gets to
nothing found
nothing found
@onomesotu why?
because, your array has 3 items
arrays are indexed from 0
if you go over the array length you'll return undefined
i made this quick to see where its going wrong
https://s.codepen.io/anon/pen/RjZXJB?editors=0012
https://s.codepen.io/anon/pen/RjZXJB?editors=0012
I've been struggling a few days with this issue in the Pomodoro Clock challenge, when I click "reset" it returns everything to it's default values but then it doesn't let me change the time of the session or the break.
by the way, the challenge wants you to see if the second argument returns true
@moT01 and @onomesotu it can be much simpler
did you check my example
your loop isnt working at all
not getting past the first iteration
@moT01 checking now
yes, it can be simpler, so i dont know why your loop doesn't just look like 90% of the for loops ive ever seen
@moT01 yes you are right.
function truthCheck(collection, pre) {
// Is everyone being true?
// loop through collection in each argument:
for (var i=0; i < collection.length; i++) {
// check if the predicate is occuring:
if (collection[i].hasOwnProperty(pre)===false) {
return false;
}
}
return true;
}
truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
something like this. will let you know if I solved it. Thanks for the help
although you are supposed to be able to increment in the loop like that - i am curious why it didnt continue
it was some missing curly brackets
all that, for a missing bracket
it does work when you fix that
@moT01
in the if statement
what will this return?
if(!collection[i].pre)
@AlexxMart - it looks like it allows changing the time of the break, if I stop it just after a short run. But it is not updating the display when changing the time, but it seems to start at the new value (if I click "+" a few times, it seems to add minutes to the new starting value.)
@onomesotu i think that will check the value of the pre
if(collection[i].pre === false) is what that says
if(collection[i].pre === false) is what that says
so in the first spot in the collection array
if('male' == false
which will evaluate to true
@AlexxMart - actually, I just reloaded your pomodoro clock and it doesn't seem to be working at all. Are you editing it at this time?
i mean false
whoops
@khaduch Yes, just made a quick change right now
@moT01 can you please paste the code?
@khaduch never mind, it didn't work
@moT01 thank U
michielhuijse sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
api offline
@MichielHuijse so it would have worked all along if we just caught that typo
I solved it too in antother way :)
function truthCheck(collection, pre) {
// Is everyone being true?
// loop through collection in each argument:
for (var i=0; i < collection.length; i++) {
// check if the predicate is occuring:
if (collection[i].hasOwnProperty(pre)===false | collection[i][pre]=== null | collection[i][pre] === undefined | collection[i][pre]=== 0 | collection[i][pre]!==collection[i][pre] | collection[i][pre]=== "") {
return false;
}
}
return true;
}
truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
hello guys, can someone help me in a JSON-API project to finish a filter statement ?
@bytao7mao
@moT01 aaah damn... :worried: this is what I hate about coding hehehe..
@moT01 can you help ?
just ask
theres other people here too
someone can probly help
i can try
Or it is something I need to improve myself :)
@MichielHuijse Simple way to test if a property exists and property value is truthy is
if(collection[i][pre]).
@AlexxMart - I just reloaded. The first thing I see is that when I start it, it starts. When I stop it, the "Start" button is still disabled, so I cannot start it again. (Maybe you wanted it to work that way?) When I reset it, I can add minutes to the timer, but it doesn't display the change until I start the timer again.
i want to make a filter, when the user is searching for a country to return the ID from that country and if it is winner or loser from an API
the commented part of code returns a list with all countries and states if it is loser or winner
@Masd925 thanks
michielhuijse sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4572 | @masd925 |http://www.freecodecamp.org/masd925
@bytao7mao yea, i was helping yesterday
so when the user is searching - or after they search?
after they type: for example: France
to return only France
and say if it is a loser or winner
so if i recall it might look something like this...
@khaduch I made it so the start button gets enabled again, but it starts the counter from the original 25, and I can't still figure out why the timer doesn't change when I click "+" or "-" but the code is recognizing the change
var search = 'france' //or however you get this
results.countries.filter(country => country != search)
not exactly like that
but that will go through each country and filter anything not == search
you may need to play with it - since you're filtering a json response, not sure if you want to set a new var == to the filter
doesn't matter if it will do the job
and you need to check in the coutry for the name again
so
country => country.name != search
i think something like that
i need to check to country ID to be equal to "def" id or "inv" id
and return it
but first , when i type something in the searchBox it doesnt return anything
for example this isn't working
var inp = document.querySelector("#ss").addEventListener("keyup", myFunction);
if (inp === "France") {
document.write("<h1>Hello World!</h1><p>Have a nice day!</p>");
}
here's what i would type into google for that
javascript get input value
How would I go about animating the sun path using css animations? http://speedrunchallenge.com/challenge/3
@keyframes
Ya but what approach would I take to plot the movement
canvas?
Gotta do it using just css
well, you need some html
canvas is html
Right but I'm trying to replicate the way they did it
im not quite sure
i can think of how to get it to go in an upside down v - looking at the code
but i need to add some arc somehow
Yeah I read online how to animate orbits but struggling a bit to apply that to this particular case
@moT01 got it working if you're curious :)
hey hello i need some help with flexbox ,in the cards i am applying space between but not working http://www.rogemateos.com/flexbox/
Hey guys!!!
Hows it going?
Hey Tom! Kaz! :)
@AlexxMart - I think that you might have a problem when you run this line:
It is a good idea to keep your data storage in variables and not use DOM elements for storage of data - so you should have a variable in your JS for the time, and always manipulate that, and output it to the DOM as needed. Never try to read it back from the DOM or directly manipulate it there. It would simplify your code. That's the main thing I would say to focus on. Make sure that you don't clobber your HTML when writing values is the second thing - watch out for parent/child relationships and times when you might modify the parent without realizing that it affects the child elements.
work.text(timer.text() + ":" + sec.text());because your span with the id "work" is the parent of your span.timer and span.sec. At least I think that's one problem.It is a good idea to keep your data storage in variables and not use DOM elements for storage of data - so you should have a variable in your JS for the time, and always manipulate that, and output it to the DOM as needed. Never try to read it back from the DOM or directly manipulate it there. It would simplify your code. That's the main thing I would say to focus on. Make sure that you don't clobber your HTML when writing values is the second thing - watch out for parent/child relationships and times when you might modify the parent without realizing that it affects the child elements.
@RogeMateos What are you trying to achieve
some space between the images
Well there's no space available to put between the cards
i tried to put less width but it doesnt work
Because you set flex-grow to 1 for all the children
so how can i make it with margins
using flex grow and space between
tbh you probably just want to use grid for this
@JVeeKay hey
@kbaig that's a sneaky little trick there
i bet there is a way to do it like this
no using a grid
There's plenty of ways to do it but grid was created for situations where you need to specify layouts in two directions
which is what you're trying to do
could you maybe just set a maxwidth of like 25% on the images?
let me check
please
@moT01 ;)
the only problem now is the right alnd left pictures are not align touching the conainer
did you find that somewhere? its clever, and not where i would have went
@kbaig
space between not working that is the problem
@moT01 I'm no einstein haha http://www.useragentman.com/blog/2013/03/03/animating-circular-paths-using-css3-transitions/
yea, that's pretty coo
l
Lera Verou is a genious
does anyone know good place to learn python ?
Anyone working on the portfolio and find it generally hard to write an About section? Any advice on how to write something genuine while selling yourself well? Been stuck on what should be nothing much for days. 😖
I made around 3 portfolios and I can tell you thtat's the hardest part of it :D
hello
Can anyone help me a bit with CSS in my random quote machine? https://codepen.io/HarshHC/pen/vWyzOY
I wanna center it vertically and horizontally
@HarshHC are you using bootstrap?
To center the element vertically set
```
```
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
hello guys, I tried to figure (Basic Algorithm Scripting->Chunky Monkey) I might have created a infinite loop and now when I turn that page on it freezes after like 2 seconds, I tried to press clear the code but I cant do it. Do you know what to do?
be sad and wait lmao
Hey everyone, wondering if someone could clarify something for me. I'm on the arguments optional challenge of the intermediate algorithm scripting unit . I've got it to work but not in the way I wanted to. I have created a function that checks to see whether the argument is a number but my original solution didn't work.
original attempt was using isNaN which didn't work the third test case with the args (2, "3") returned '23'
var isNumber = function(num){
return isNaN(num) ? undefined : num;
};the solution i ended up using was
var isNumber = function(num){
return typeof(num) === 'number' ? num : undefined;
};why does isNaN() not provide the same result?
Hello guys, who can help with with one challenge?
I have the users listing (user objects in array)
I have the facility address
And I receive data from back-end, it's a count of users with whom I have to generate the appointments list within one month
For example : Alex (name of user), alex@somewhere.com(email of user), Somewhere somewhere street 28(facility address), 10.07.2017 10 am (appointment start time) , 10.07.2017 11am (appointment end time)
I have the users listing (user objects in array)
I have the facility address
And I receive data from back-end, it's a count of users with whom I have to generate the appointments list within one month
For example : Alex (name of user), alex@somewhere.com(email of user), Somewhere somewhere street 28(facility address), 10.07.2017 10 am (appointment start time) , 10.07.2017 11am (appointment end time)
I just can't imagine at this moment how I can implement it, I will be glad to any advice
@aws0002 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/isNaN it doesn't return false only for number types
guys, can someone correct my code ? ... i'm really struggling for 2 days long, if i input a country which i already know that is a winner, it returns me the result of that country only once (with if statement), or infinite (with while loop), i just want to return by input-search only the country that i searched for but with all results(winner,loser,TIE)...
@kbaig thanks! took my a while to understand what you were saying but now I get it.
aws0002 sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 419 | @kbaig |http://www.freecodecamp.org/kbaig
@bytao7mao can you please provide more details?
I have a big JSON - api with Battles (battles contain winners or losers with ID from country) and COuntries
when user is searching for a country
i want to return all results (winner loser etc) with only that country
when i search in this moment, with the code unchanged it give me only 1 result from that country
and only if it is a winner
someone gives a country name
use the name to get the id from the countries object
and display the wins and losses just like you did already
use the name to get the id from the countries object
and display the wins and losses just like you did already
who ?
where i did already
you listed all the battles
cant you just put a clause in there after you find out the id
if id != to winner or id != loser
or something like that
probly == to winner/loser
try and break down the steps
please edit my code, and share it if you can
so what are you gonna do on the next project
no, because the user have to search by name, not by id
it's a challenge, not a real project
:|
right im trying to give you steps to get you to what you want
ok man, i really appreciate
but im not sure having me do the code is helping you much
get the search input
assign the input to a variable
use the variable to get the id from the countries object
assign the id to a variable
build the winner/loser list like you did before but only make an element if the winner or loser has the id
assign the input to a variable
use the variable to get the id from the countries object
assign the id to a variable
build the winner/loser list like you did before but only make an element if the winner or loser has the id
search input is targe.value
it makes no sense for me to assign into a variable
this is giving me only [objects] instead of id's
ocument.writeln(countries[inv.id]);
return count + (count > 0 ? " Bet" : " Hold"); can some one explain this to me
@ashishbelwal
if count < 0 = true then answer is count + "Bet"
if count < 0 = flase then answer is count + "Hold"
if count < 0 = true then answer is count + "Bet"
if count < 0 = flase then answer is count + "Hold"
count > 0 *
it's basically a quick if/else block
@mantaselk i am confused because of "?"
It's called a ternary operator
@mantaselk thanx
ashishbelwal sends brownie points to @mantaselk :sparkles: :thumbsup: :sparkles:
:cookie: 241 | @mantaselk |http://www.freecodecamp.org/mantaselk
@ashishbelwal no probs
statement ? if statement true : if statement false
thanx @kbaig
why is this not working
when i click it should change css property to visible right ?
@bytao7mao - I don't think that there is a
display: visible; - maybe display:blockor display: inline depending on what you want to do? You should be able to examine the element in the browser devtools and see if you're getting the CSS property changed?
yeah, with block it's working, what should i add to reverse the display on the next click ?
I need help with bootstrap. It is saying for the challenge that a thumbs up button needs to be nested in the like. I did that and nothing occurred.
@BuBBRBbr1 I'd have to double check... but most likely its due to your missing a
- I'm guessing it should be fa fa-thumbs-up Also, you should immediately close your i element prior to the word Like
OK. Thanks <JLuboff>.
Do I
have to submit projects through codepen?
@krisb1220 Submit what projects?
@Asjas such as the Front-End dev projects. "Portfolio", "Tribute Page" or "Random Quote Generator"
Challenges that require you to submit a link to pass - do they have to be codepen links?
Yes. You submit codepen links
Okay. Thank you @Asjas
krisb1220 sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 286 | @asjas |http://www.freecodecamp.org/asjas
Hey everyone, I have a general question. So I am using a full screen video background for a website made with codepen. But for that I need to upload my mp4 video to a host site. The video is very short, 13secs. Does anyone know where I can go to upload such a video? I would like to avoid youtube if possible. Thank you.
@junipberry http://photobucket.com/
@junipberry Why not use github?
oh, I can upload videos on github?
Yup. Just tested it. Works.
I can upload a video there separate of a website?
Correct
Just make a blank repository and upload the file to it
cool, Ill try that
ty very much @Asjas
Just make sure you use the
raw link. So once you uploaded it, click on the View Raw link to open it. You'll then see the normal github url change to raw.githubusercontent.com. Use that link. It works :)
perfect, ty so much
@junipberry NP :)
thank you @Asjas
junipberry sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 287 | @asjas |http://www.freecodecamp.org/asjas
any React hero around ? this routes dont work right , https://pastebin.com/mTDqzk1f, after i login, a.k.a. the props.store.auth!===0 the paths '/me' and '/' Routes dosent work,
here is the repo https://github.com/Xapuu/Chirper, thanks in advance :)
here is the repo https://github.com/Xapuu/Chirper, thanks in advance :)