Get help on our basic JavaScript and Algorithms Challenges. If you are posting code that is large use Gist - https://gist.github.com/ paste the link here.
@cmccormack thanks
hypercuber sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:warning: hypercuber already gave cmccormack points
can anyone tell me why this not work
function findLongestWord(str) {
var index = 0;
var test;
var arr = str.split(" ");
for(i=0;i<arr.length;i++){
test = arr[i].length;}
if (index<test){
index = arr[i].length;
}
return index;
}
findLongestWord("The quick brown fox jumped over the lazy dog");
it's asking for the longest word, the answer you are giving is the longest word's length
@dyon3334 check ur brackets...
{ <-- start of block
} <-- end of block
{ <-- start of block
} <-- end of block
:point_up:
This is what your code actually looks like with proper indentation (and that closing bracket on a separate line). :point_down:
function findLongestWord(str) {
var index = 0;
var test;
var arr = str.split(" ");
for(i=0;i<arr.length;i++){
test = arr[i].length;
}
if (index<test){
index = arr[i].length;
}
return index;
}
findLongestWord("The quick brown fox jumped over the lazy dog");
@kumquatfelafel thanks !!
dyon3334 sends brownie points to @kumquatfelafel :sparkles: :thumbsup: :sparkles:
:cookie: 585 | @kumquatfelafel |http://www.freecodecamp.com/kumquatfelafel
I tried to parse a JSON formatted object and then i got [object Object]
@Gersho The challenge is actually asking for the length, not the word itself, in spite of function name being a bit ... well... ambiguous at best.
@kumquatfelafel oh lol
@Big-jo try stringify to have a look at it
@Big-jo you parsed a JSON string and got an object, that is what should happen
yeah. First time I did that challenge, assumed from function name that wanted the word. :p
Easy fix, but very reasonable assumption based on function name
@Big-jo You tried to parse the toString of an object which is not correct.
@sjames1958gm
having a look at your code would be more usefull
especially line 46
@Gersho :+1:
request.onload = function () {
/* body... */
var Recieved = request.response;
var GoogleApi = JSON.parse(Recieved);
}
my variable names are crappy though
hello people
hey
are there any senior devs here
@moigithub p.s. thanks :p
kumquatfelafel sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 3571 | @moigithub |http://www.freecodecamp.com/moigithub
i need advice
from someone a little bit more experienced
ask your question and w'll try to help
@Big-jo console.log(Received) and see what it is
okay
Uncaught ReferenceError: Recieved is not defined
at <anonymous>:1:13
at <anonymous>:1:13
@Big-jo If you do that after the request.response line that can't be
@Big-jo Oh, I meant add that console.log to the code (not in the console) my bad for not being clear
oh no p
i'm university student and i'm starting a project with 2 colleagues of mine. we are building a web app for recruitment (sort of like recruitment agency). it will probably have some tests, user database. it would need an options for regular people to login and post their CVs, take tests and stuff like that but also for companies to hire these people.
my question is: since we are not that experienced with real world projects, which technologies shoud we use and learn to do this?
my question is: since we are not that experienced with real world projects, which technologies shoud we use and learn to do this?
@sjames1958gm Uncaught SyntaxError: Unexpected token o in JSON at position 1
at JSON.parse (<anonymous>)
at XMLHttpRequest.request.onload
at JSON.parse (<anonymous>)
at XMLHttpRequest.request.onload
(mean? mern? something with postgresql? we don't want to waste too much time thinking which tools to use)
@Big-jo Show your set up of the AJAX request
@sjames1958gm lol It's scattered around my JS file
but hold on
var requestURL = 'https://maps.googleapis.com/maps/api/geocode/json?address=" + Concat + "&key=AIzaSyBCyqeNvQ2ykQl524BcIWr_XAJwApEyWZU'
var request = new XMLHttpRequest();
var GoogleApi;
function StoreObj() {
var UsrObjects = {
Name : FirstName.value,
email: EmailAddress.value,
destination_Country : DestinationCountry.value,
destination_State : DestinationState.value,
};
localStorage.setItem('StoredUsrObj', JSON.stringify(UsrObjects));
//The dissappering act for the div 'PostContainer'
$('.PostContainer').fadeOut("slow", function() {
// Callback is empty
});
request.open('GET',requestURL);
request.responseType = 'json';
request.send();
}
request.onload = function () {
/* body... */
var Recieved = request.response;
GoogleApi = JSON.parse(Recieved);
}
hello can someone help me please with my code?
@Big-jo Since you said the responseType is JSON, I believe that the json is already parsed
So Received is an object and JSON.parse expects a string so Recieved.toString is
[object object]
@Kristi92 post code
@sjames1958gm thanks, It makes sense now
big-jo sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8277 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
@Kristi92 (or codepen or code snippet or something)... can't help without more information on what need help with.
{
"results" : [
{
"address_components" : [
{
"long_name" : "1600",
"short_name" : "1600",
"types" : [ "street_number" ]
},
{
"long_name" : "Amphitheatre Pkwy",
"short_name" : "Amphitheatre Pkwy",
"types" : [ "route" ]
},
{
"long_name" : "Mountain View",
"short_name" : "Mountain View",
"types" : [ "locality", "political" ]
},
{
"long_name" : "Santa Clara County",
"short_name" : "Santa Clara County",
"types" : [ "administrative_area_level_2", "political" ]
},
{
"long_name" : "California",
"short_name" : "CA",
"types" : [ "administrative_area_level_1", "political" ]
},
{
"long_name" : "United States",
"short_name" : "US",
"types" : [ "country", "political" ]
},
{
"long_name" : "94043",
"short_name" : "94043",
"types" : [ "postal_code" ]
}
],
"formatted_address" : "1600 Amphitheatre Parkway, Mountain View, CA 94043, USA",
"geometry" : {
"location" : {
"lat" : 37.4224764,
"lng" : -122.0842499
},
"location_type" : "ROOFTOP",
"viewport" : {
"northeast" : {
"lat" : 37.4238253802915,
"lng" : -122.0829009197085
},
"southwest" : {
"lat" : 37.4211274197085,
"lng" : -122.0855988802915
}
}
},
"place_id" : "ChIJ2eUgeAK6j4ARbn5u_wAGqWA",
"types" : [ "street_address" ]
}
],
"status" : "OK"
}
@Big-jo something like this:
.results["0"].geometry.location
.results["0"].geometry.location.lat.results["0"].geometry.location.lng
@longnt80 thanks
big-jo sends brownie points to @longnt80 :sparkles: :thumbsup: :sparkles:
:cookie: 485 | @longnt80 |http://www.freecodecamp.com/longnt80
@longnt80 not working
@Big-jo try console.logging each step of the way to see what you get.
:thumbsup:
@Big-jo you need to plug that to the name of the big object
since you just have an object with no name
this too. So blah.results[0].yadayada
except... y'know... not blah, and not yadayada
@Big-jo or you can give us a codepen link
@adokce just do MEAN or MERN
Help with understanding why console.log keeps printing i not referenced. My understanding was that the default state of mutation splits the elements within the bracket into arr[0] and arr[2].
@jeffersonnnn can you give the code?
yes i can. Thank you.
function mutation(arr) {
for (i = 0; i < arr[1].length; i++) {
if(arr[i].toLowerCase() === 'scatter the floor');
}
}
mutation(["hello", "hey"]);
Why are you comparing to "scatter the floor"?
also, arr has two elements, "hello" and "hey". arr[1] ("hey") has a length of 3. So what happens in final iteration of for loop?
good evening folks!
i need help with how to render a team project that has react
I got the code snippet from SO; I take full responsibility for "scatter the floor" though. They compared "if(arr[i].toLowerCase() ===" to "whatever" in the snippet.
@kumquatfelafel @longnt80 it is up there.
@kumquatfelafel, the grand idea is to create a variable that will execute when matching letters or words are found.
Suppose that arr is ["hi", "blah"].
- What is arr[1]?
- What is arr[1].length?
- What value would
ihave on, e.g., the final iteration of for loop? - For this value of i, what would arr[i] be?
- In such a case, what would happen when you call toLowerCase?
@jeffersonnnn I would also say
var i = 0 instead. Without that, i is treated as a global variable, which at best provides no benefit and at worst could result in your program breaking somewhere.
definitely seen the use of the second half of your recommendations. i have gone ahead to implement too. The first half i am still parsing.
@bitcoinabdi how did it go?
Hello.
Good Afternoon
@GregatGit still having issues
@bitcoinabdi Where are you stuck?
Hi everyone!
I am trying to solve the palindrome problem from the basic algorithm section.
Here is my code:
function palindrome(str) {
// Good luck!
var converted = str.replace(/\d*[\W_]+/gi, '');
var toLow = converted.toLowerCase();
var splitted = toLow.split("");
var reversed = splitted.reverse();
var concatted = reversed.join('');
if (concatted === toLow) {
return true;
} else {
return false;
}
// return toLow;
}
palindrome("1 eye for of 1 eye.");Now, this is working just fine on my eye, but it can't pass the test because as the editor saying:
palindrome("1 eye for of 1 eye.") should return false.
But, is it really? I think IT IS a palindrome and hence it should return true
Can anyone tell me where I am wrong?
@GregatGit i am supposed to render my project and should look like this http://imgur.com/e65PCU8
@faahim is the reverse the same as the original?
1 eye for of 1 eye becomes eeyeforofeye when you remove all the numbers, spaces and symbol. And then its a palindrome, isn't it? :/
@GregatGit this is the repo https://github.com/ChinguTurtleTeam30/Momentum-clone.git
yes, I think so. See for yourself @heroiczero :(
eyeforofeye is same even when you spell backword
@faahim check again if you are supposed to remove numbers
@bitcoinabdi so the project works and you want to use github pages to host it?
@faahim says "all non-alphanumeric characters"
Good point @gothamknight
It says: Note
You'll need to remove all non-alphanumeric characters (punctuation, spaces and symbols) and turn everything lower case in order to check for palindromes.
Maybe I need to keep the number.
Let me try
@faahim yep. keep numbers
Thanks @gothamknight and @heroiczero
faahim sends brownie points to @gothamknight and @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 363 | @gothamknight |http://www.freecodecamp.com/gothamknight
:star2: 1590 | @heroiczero |http://www.freecodecamp.com/heroiczero
:)
yes
@faahim This:
if (concatted === toLow) {
return true;
} else {
return false;
}Should just be...return concatted === toLow;
@GregatGit yes please
oh! right! It's boolean! I don't need to fo all those if else!
@bitcoinabdi very easy to do
faahim sends brownie points to @revisualize :sparkles: :thumbsup: :sparkles:
:star2: 4419 | @revisualize |http://www.freecodecamp.com/revisualize
Thanks @revisualize
faahim sends brownie points to @revisualize :sparkles: :thumbsup: :sparkles:
:warning: faahim already gave revisualize points
@faahim You should also learn about method chaining.
Method chaining?
Never heard about it!
I've just started learning JS
@faahim Good.
I'll surely look up
@faahim Good time to look up method chaining.
@GregatGit how so
But for now, I'm struggling with regex
@bitcoinabdi in the README.md just search for 'GitHub Pages'
@faahim Go learn Regex: https://regexone.com/
anyone have an alternative solution for this challenge: https://www.freecodecamp.org/challenges/sum-all-numbers-in-a-range ?
I was trying to do this as FP as possible:
function sumAll(arr) {
return (([min, max]) =>
Array.from(Array(max - min + 1).keys())
.map(i => i + min)
.reduce((sum, n) => sum + n)
)([
...arr.sort((a, b) => a - b)
])
}
sumAll([1, 4]);
@bitcoinabdi you'll have it up in no time
is Method chaining suitable for learning in the beginning?
@faahim Yes.
@bitcoinabdi
GitHub Pages
Note: this feature is available with react-scripts@0.2.0 and higher.
Step 1: Add homepage to package.json
The step below is important!
If you skip it, your app will not deploy correctly.
Open your package.json and add a homepage field:
"homepage": "https://myusername.github.io/my-app",
Create React App uses the homepage field to determine the root URL in the built HTML file.
Step 2: Install gh-pages and add deploy to scripts in package.json
Now, whenever you run npm run build, you will see a cheat sheet with instructions on how to deploy to GitHub Pages.
To publish it at https://myusername.github.io/my-app, run:
npm install --save gh-pages
Alternatively you may use yarn:
yarn add gh-pages
Add the following scripts in your package.json:
"scripts": {
- "predeploy": "npm run build",
- "deploy": "gh-pages -d build",
"start": "react-scripts start",
"build": "react-scripts build",
The predeploy script will run automatically before deploy is run.
Step 3: Deploy the site by running npm run deploy
Then run:
npm run deploy
Step 4: Ensure your project’s settings use gh-pages
Finally, make sure GitHub Pages option in your GitHub project settings is set to use the gh-pages branch:
gh-pages branch setting
@codyseibert Guass.
I was looking up regex101. But this one seems better. Thanks! @revisualize :)
faahim sends brownie points to @revisualize :sparkles: :thumbsup: :sparkles:
:warning: faahim already gave revisualize points
@codyseibert https://www.google.com/search?q=gauss+1+to+100
@GregatGit OMG !
@codyseibert You can actually solve that lesson with just math.
@revisualize I was looking for a non mathmatical solution
@codyseibert oh
thank you very much realy embarrased
I know you can do some formula for n * n - 1 / 2 or something
@codyseibert kind of.
@bitcoinabdi its easy once you know its there - once you have set it up once - if you make changes -
npm run deploy updates the gh-pages branch
@codyseibert But, yea.
max(max+1)/2 - min(min+1)/2 ?
yee! Done!
Number was the issue! :)
@codyseibert
(Math.max(...arr)*(Math.max(...arr)+1) / 2) - (Math.min(...arr)*(Math.min(...arr)-1) / 2)
So, @revisualize
Is there any place where I can enter my regex to see what it means?
Sure I can look up, but it's better if there's a site for that
function updateInventory(arr1, arr2) {
// All inventory must be accounted for or you're fired!
//create new find Index function return index or -1
function findElInArray(array, seekEl, zeroOrFirst){
var result = -1;
for(var i = 0; i< array.length;i++){
if(array[i][zeroOrFirst]==seekEl){
result = i;
}
}
return result;
}
//clone arr1 and 2
var arr1Clone= arr1.slice();
var arr2Clone= arr2.slice();
//fill and sort combinedArray
var combinedArray = [];
for(var j=0;j<arr1.length;j++){
arr1[j].shift();
if(findElInArray(combinedArray, arr1[j][0],0==-1)){
combinedArray.push(arr1[j]);
}
}
for(var k=0;k<arr2.length;k++){
arr2[k].shift();
if(findElInArray(combinedArray, arr2[k][0],0)==-1){
combinedArray.push(arr2[k]);
}
}
combinedArray.sort();
return arr1Clone;
}max*(max+1)/2 - (min-1)*(min)/2 ?
@codyseibert Yes.
@faahim yes
@revisualize but let's say we are not allowed to solve it using that formula
@codyseibert Ok.
@revisualize
Amazing!
Amazing!
any help anyone ?
@revisualize I'm stalking a little bit on you! :P
I see you kept all your fcc code on your GitHub. Doesn't FCC stores your code at your profile?
I mean, Is that something I should do too?
@namethatisnottaken
combinedArray.sort();
in case what you're sorting is numbers, this won't work
no, i was trying to sort it alphabetically actually
but i need the number later on so i was trying to retain its value
@namethatisnottaken is there a link to the challenge?
@faahim Where do you think a potential employer is going to look for my code when I apply for a job?
@faahim Github or my freeCodeCamp profile?
Got it! Gotta create a repo today! :)
@namethatisnottaken one sec
@faahim There is a reason I even have my codewars challenges on my github.
ok thanks @Manish-Giri
namethatisnottaken sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6387 | @manish-giri |http://www.freecodecamp.com/manish-giri
@revisualize the same reason I guess?
@faahim Yup.
haha
@faahim Once place and a good sample of my work.
Can I upload everything I do. No.
@faahim But, I'm selective.
@GregatGit so when the step one instruction --> where do i make the changes at . is it on git hub,the repo or github website?
@faahim I don't read unsolicited private messages.
@faahim If you have a question ask here.
@bitcoinabdi you should do in the command line and make sure you are in the branch that all the code is in - i think you called it reactify or something like that
@revisualize I saw your solution on github
const sumAll = ([x, y]) => (x + y) * (Math.abs(x - y) + 1) / 2;:+1:
@codyseibert :)
@revisualize would you be interested in working on multiple choice quiz questions for FCC?
No.
Oh Okay, That's fine. @revisualize
I was just asking about how far you've gotten in your learning journey.
I'm just starting, I'd ask you what book would you recommend or what resource you've found useful (beside fcc)
@bitcoinabdi in your ide (vs code or sublime) make sure you are in the right branch when you do it "homepage": "https://myusername.github.io/my-app",
@faahim How far am I in my learning journey. ... My learning journey is never done. Learning is not a destination it's a journey.
Great! Thanks @revisualize
faahim sends brownie points to @revisualize :sparkles: :thumbsup: :sparkles:
:warning: faahim already gave revisualize points
@faahim Any other questions?
hi Joseph
can you help me to clone arr 1 and arr 2 in this code ?
function updateInventory(arr1, arr2) {
// All inventory must be accounted for or you're fired!
//create new find Index function return index or -1
function findElInArray(array, seekEl, zeroOrFirst){
var result = -1;
for(var i = 0; i< array.length;i++){
if(array[i][zeroOrFirst]==seekEl){
result = i;
}
}
return result;
}
//fill and sort combinedArray
var combinedArray = [];
for(var j=0;j<arr1.length;j++){
arr1[j].shift();
if(findElInArray(combinedArray, arr1[j][0],0==-1)){
combinedArray.push(arr1[j]);
}
}
for(var k=0;k<arr2.length;k++){
arr2[k].shift();
if(findElInArray(combinedArray, arr2[k][0],0)==-1){
combinedArray.push(arr2[k]);
}
}
combinedArray.sort();
return arr;
}
basically i need to shift one clone of arr 1 but need to get the values back later;
@namethatisnottaken https://www.youtube.com/watch?v=EeZBKv34mm4
@namethatisnottaken I just tested
hi thanks @Manish-Giri @revisualize
namethatisnottaken sends brownie points to @manish-giri and @revisualize :sparkles: :thumbsup: :sparkles:
:warning: namethatisnottaken already gave manish-giri points
:star2: 4420 | @revisualize |http://www.freecodecamp.com/revisualize
@namethatisnottaken what I'm doing is -
- loop through second array
- check if current item exists in array 1, if it does - update count
- if doesn't exist - add current item to first array
- sort first array
looks great mate, why i could not think of that earlier :sob:
it's okay :smile:
you'll get there with practice
and remember, "keep it simple"!
haha yes thanks :+1:
hey @Manish-Giri , could you help me out with a problem. I’m supposed to write a function to return an array of all the keys of an Object.
@junipberry sure thing
great, ty~~
so far, I have broken it down into steps
there's an in built function actually, for that
Object.keys()
yes!
but Im not supposed to use it lol
ah cool
thought so
post your steps/code
I have a few possibilities here. Would like to talk over which way would be better to go about it
sure
so one way was to use the Object.entries then filter out
right
but that would give you a 2D array
[['key', 'value'], [],...]
of that form
that would work, but you'd need to handle 2D arrays
ah okay
any other way you thought of?
I cannot just filter afterwards?
yeah you can
you can chain
.filter() to Object.entries()
and then return the first item from each sub array
that would give you the array of keys
right. Then I can just use a loop to do that, yea?
to return first item of each sub array
afterwards
actually
I was wrong about filter
I meant
.map()
ah
so when you
map over Object.entries
got it
let obj = {'a': 1, 'b':2};
if this is your object
[['a', 1], ['b', 2]]
this will be
Object.entries(obj)
then when you map over it
just return the element at index 0
that will get you the keys
sounds good
I was also thinking of the .hasOwnProp to look for i
[i]
yup
that would be a nice check
since you can eliminate duplicates that way
(if you need to)
there's also another way
with a for loop
I won’t need to in this case, but I somehow liked the feel of doing this.
ahh right
let keys = [];
for (var prop in object) {
if(!keys.includes(prop) {
keys.push(prop)
}
}
oh interesting
if(!keys.includes(prop) {
actually you don't need this
just
keys.push(prop)
I’m a bit unclear w the prop in part in the second line
it iterates over all the key-value pairs in your object, one by one
@junipberry
for...in loop iterates the keys of enumerable (~not built-in) properties of the object and prototype chain. There are no inherited enumerable properties on plain objects so that for...in loop just iterates the property keys of that object.
like you iterate over an array with
for(var i = 0; i < array.length; i++)
@junipberry
@junipberry Iterating
Object.keys(obj) would not look up the prototype chain, so would be a bit more logical, but both work.
ohh got it, ty @Manish-Giri ty @Masd925
junipberry sends brownie points to @manish-giri and @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4393 | @masd925 |http://www.freecodecamp.com/masd925
:star2: 6389 | @manish-giri |http://www.freecodecamp.com/manish-giri
function destroyer(arr) {
// 请把你的代码写在这里
return arr.filter(function(val) {
for(var i=1; i<arguments.length; i++) {
if(val === arguments[i])
return false;
}
return true; });
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
这么写为啥不对
@zengjunyu The filter callback function has its own
arguments object.
thanks
@zengjunyu Otherwise the code is fine.
Could I also do this:
function getKeys(obj){
var myArr = [];
for (var i in obj){
if (obj.hasOwnProperty(i)){
myArr.push(obj[i]);
}
}
}
@junipberry
i loops the property keys of the object, and there cannot be duplicates, so no need for that check.
this is what I got from above, but its not really working:
function getAllKeys(obj) {
let keys = [];
for (var prop in obj) {
keys.push(prop);
}
}
do I need to specify the prop in obj to be ([i],n)
@junipberry You need to return keys from the function.
@junipberry Inside the loop block,
prop will be each property key (a string) in its turn.
@junipberry Properties are key-value pairs, so you can access keys inside the loop with
prop, and values with obj[prop] if you need them.
So you just need to add the return there for it to work:
function getKeys(obj){
var myArr = [];
for (var prop in obj){
myArr.push(prop);
}
return myArr;
}
ty for that clarification @Masd925
junipberry sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4394 | @masd925 |http://www.freecodecamp.com/masd925
@Masd925 , all the ways I’ve tried submitting the code are restricted methods
@junipberry So does that code pass, or is push restricted too?
seems like I cannot use any Object oriented methods for this exercise
@junipberry Instead of push you could use
myArr[myArr.length] = prop;
That also adds a new element to an array.
000000
it doesn’t go into detail about what it restricted.
@junipberry Try that code I just posted. If
for...in loop is restricted too, you need to wait for the full moon and find a sage.
any one who can give me solution to this?
ES6: Write Higher Order Arrow Functions
Use arrow function syntax to compute the square of only the positive integers (fractions are not integers) in the array realNumberArray and store the new array in the variable squaredIntegers.
ES6: Write Higher Order Arrow Functions
Use arrow function syntax to compute the square of only the positive integers (fractions are not integers) in the array realNumberArray and store the new array in the variable squaredIntegers.
@sky1095 No solutions here, only help.
really fed up with this
what have you tried so far?
@Masd925 Help me out
@sky1095 You need to loop or iterate the array of real numbers and then check if the looped number is a positive integer. For integrity check you can use
Number.isInteger(). Then calculate the square and push the result into a result array. You can also use methods like filter and map if you like.
I think the for.. in loop might be restricted bc it calls it within obj. Maybe I need to stick to a simple loop after I convert the strings in the object in an array?
*into an array
what do you think @Masd925
@junipberry If an arbitrary object is passed into the function, how are you looping the keys? You need to use a
for...in loop or iterate Object.keys(obj) (or use some similar ES6 method). If you wan't to loop objects property keys, you need to use the object.
There's only so many ways to access the properties of the object without knowing said properties.
I see your point.. yea I don’t think I can use a loop then
@Masd925 cant use loops
let arr = realNumberArray.filter(Number.isInterger(realNumberArray)) => arr.push();
var squaredIntegers = realNumberArray.map(arr);
@kumquatfelafel
You're also not using arrow properly.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
also, should be isInteger (in case that's not just a typo on here)
gm everyone
@kumquatfelafel can you give me a little help?
im doing the tic tac toe exercise, im trying to make it single | multiplayer, I created a turn variable if turn === 0 I know its X turn else its O turn
if (multiplayer) {
// i === row
// j === column
if(turn==="0"){
markToPlace = "X";
}else{
markToPlace = "0";
}
$('.col').click(function() {
var i = $(this).data('i');
var j = $(this).data('j');
if (entrys[i][j] === '') {
$(this).html(markToPlace);
entrys[i][j] = markToPlace;
var gameState = gameOver(entrys);
if (gameState) {
alert('game over ' + gameState + ' won');
return;
}
}
});
}
how can I the end of the if "pass" the playing option to the other user
just found out I think thanks anyway
I'm confused about how I might change my code so that it checks for consonant clusters at the beginning of words rather than just one consonant. Any ideas?
function translatePigLatin(str) {
var vowels = ["a","e","i","o","u"];
var arr = str.split("");
if (vowels.indexOf(arr[0]) == -1) {
arr = arr.join("").slice(1) + arr.slice(0,1) + ("ay");
return arr;
}
else {
arr.push("way");
return arr.join("");
}
}
translatePigLatin("algorithm");
Is it possible in a for loop to have the end parameter be when it encounters something, instead of x.length?
That's entirely possible, like
if (vowels.indexOf(str[0]) !== -1) {
return str + "way";
}
for (var i = 1; i < str.length; i++) {
if (vowels.indexOf(str[i]) !== -1) {
break;
}
}
return str.slice(i) + str.slice(0, i) + "ay";or
if (vowels.indexOf(str[0]) !== -1) {
return str + "way";
}
for (var i = 1; i < str.length && vowels.indexOf(str[i]) === -1; i++) {
// nothing to do
}
return str.slice(i) + str.slice(0, i) + "ay";
Notice that I combined both
i < str.length and vowels.indexOf(str[i]) === -1, so that in case you have a string without a vowel, the loop still terminates when reaching string end.
@Blauelf So have I done it the wrong way round by detecting the absence of vowels first?
I just turned it around to avoid having an else (because I returned earlier, everything after is equal to being in an else).
If you have a string, with doing str[0] still select the first letter?
Because I've always thought if you used square brackets, the thing had to be an array
Strings are array-like, have a length and numeric properties like an array, but are not arrays. Plus, they are immutable, so you cannot assign to their properties.
Square brackets are for accessing object properties. Arrays are objects and have properties like "0", "1", "2", and so on, and "length".
function largestOfFour(arr) {
for(var i = 0;i < arr.length;i++){
for(var n = 0;n < arr[i].length ;n++){
var max =arr[0][0];
arr[i][n] > max ? (max = arr[i][n]) : max;
arr = max;
}
}
return arr;
}
largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
This code throw "Cannot read property 'length' of undefined",
@Blauelf That's very helpful. I always have a thing of splitting up strings to cycle through them for various tasks, but now I know I can at least remove that
@LovingVi Initialise
max before your inner loop, and use arr[i][0]. Store max to some new variable/array after your inner loop.
Does an element have to be an array to run a for loop through it?
Or does a for loop just go through an object?
@EpicTriffid What do you mean? The standard for looping an array uses its length property explicitly. You can even apply array functions to other array-likes, like
function removeVowels(str) {
return Array.prototype.filter.call(str, function(ch) { return "AIUEOaiueo".indexOf(ch) === -1; }).join("");
}(I'd use return str.replace(/[aiueo]/gi, ''); instead, that's just an example)
@EpicTriffid For loop suits well looping through an object that has numeric properties like
"0" and "1" and a .length property (array-like objects). If the object has property keys like "cat", then for loop doesn't help straight away.
@EpicTriffid There's also the for..in loop, which loops the enumerable properties of an object (theoretically in insertion order, but with exceptions in some browsers).
you can also..
const RECIPIES = {
spaghetti: {
ingredients: ["1 lb pasta", "2 jars Ragu"],
directions: [
"Add pasta to 4qts boiling water",
"stir occasionally and let boil for approx 10 mins",
"Remove from heat and drain water from pasta",
"Heat Ragu according to directions on jar"
]
},
pizza: {
ingredients: ["1 frozen Digorno Pizza"],
directions: ["Follow heating instructions on box", "Slice into 8 pieces"]
},
"tomato soup": {
ingredients: ["1 can Progresso Tomato Basil Soup"],
directions: [
"Use can opener to open can",
"Empty into a microwave safe bowl",
"Heat on high approximately 3 mins"
]
},
"wish sandwich": {
ingredients: ["2 slices of bread", "1 Wish"],
directions: ["While holding bread use wish to wish for meat", "Eat bread"]
},
"rubber biscuit": {
ingredients: ["1 rubber biscuit"],
directions: [
"Throw biscuit against wall",
"If biscuit doesn't bounce back into your mouth, you go hungry!"
]
}
};
Object.keys(RECIPIES).map((e,i) => console.log(e.toUpperCase()))
I'd use
forEach instead of map if I weren't interested in the return values.
@Blauelf I wouldn't say theoretically in insertion order, when the order is not specified by the language standard.
But yes, most browsers at the moment seem to iterate
for...inin insertion order.
TKS
@Masd925 There seem to be exceptions like numeric first (sorted numerically), or deleted and re-inserted properties appearing according to their first/last insertion (I think IE did that different to all others)
IIRC the specs say that order isn't guaranteed...
@pahosler Yes, we were talking about exactly that.
Some things, even though not part of the specs, are widely expected. Like
Array.prototype.sort being stable (not swapping the order of elements considered equal), even though that one is explicitly not guaranteed (yes, I did not say "not explicitly guaranteed"). It was considered a bug in Firefox.
hey
can anyone help me out fcc challange
@Masd925 @Blauelf So my understanding of loops is that is use For loops for Arrays, and For..In loops for strings. Is that not right?
I understand things by putting them in very specific boxes in my head and giving them a very simple description so that's what I did for for loops
can you be more specific @prakashyadav008
@Blauelf Sure, but there are other ways to use if the order matters. Why use something that might cause bugs or compatibility problems?
i am solving the chunky-monkey challenge and i hav a doubt
@pahosler
var array = [];
function chunkArrayInGroups(arr, size) {
// Break it up.
for(var i =0;i<arr.length;i=i+size){
array.push(arr.slice(i,i+size));
}
console.log(array);
return array;
}
chunkArrayInGroups(["a", "b", "c", "d"], 2);
@prakashyadav008 Don't use a global variable like that. It can mess up fcc tests.
ya thts the doubt
about global variables @Masd925
:star2: 4394 | @masd925 |http://www.freecodecamp.com/masd925
using local function variables it returns correct but using global variable returns error
@prakashyadav008 FCC tests call your function several times and that
array doesn't reset between the calls.
on the console it does return different arrays
if i use console.log
thanks @Masd925
prakashyadav008 sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4395 | @masd925 |http://www.freecodecamp.com/masd925
@prakashyadav008 And in my opinion, that is the clearest solution for Chunky.
Some mutating solutions are even simpler, but they lead you to philosophical turmoil.
Hi all I have a question: if I run this
var regexWhitespace1 = /^[^\n ]*$/g;
var adV = "\n jeroen\n ";
var runAd = adV.match(regexWhitespace1);
console.log("test results in " + runAd);it doesnt do anything except log null.. I want to match everything except for newlines and whitespace... I got this code from https://stackoverflow.com/questions/23235200/how-to-matches-anything-except-space-and-new-line
mutating solutions ..like what..?
@Masd925
@prakashyadav008 Something that changes the passed array. Like this one:
function chunkArrayInGroups(arr, size) {
var result = [];
while (arr.length>0) result.push(arr.splice(0,size));
return result;
}
Doesn't even need an index.
@Masd925 Sorry Markus, did you see my question above?
@EpicTriffid Ask @Blauelf , the local regexp master.
Thankyou :)
@Blauelf So my understanding of loops is that is use For loops for Arrays, and For..In loops for strings. Is that not right?
I understand things by putting them in very specific boxes in my head and giving them a very simple description so that's what I did for for loops
I understand things by putting them in very specific boxes in my head and giving them a very simple description so that's what I did for for loops
@EpicTriffid Sorry, I mixed you up with @WAINGOR
Dats ok!
@Masd925 U hurt my feelings 8*( I thought we had bonded
@EpicTriffid For loop can iterate well over incremented indices, so you can loop array elements and also array-like object like strings.
for...in loop is for iterating over object property keys (enumerable properties of the object and the prototype chain).
@WAINGOR We have, I don't bond with regexp voluntarily :rat:
@Masd925 XD XD <3
Perfect. So, to simplify, For loops for objects involving numbers in any order, for...in loops for objects that have properties you need to be accessing?
thats a local variable @Masd925
@prakashyadav008 What is?
Your code had a global variable:
var array = [];
Im trying to take two letters from the beginning of a word and shove them on the end.
return str.slice(1) + str.slice(0,1)
that takes the first letter
I would imagine that:
return str.slice(2) + str.slice(0,2)
would take the first two
But it aint working
@EpicTriffid Strings are immutable, so the original string is not affected. Slice just makes a new string.
So do I need to assign that second one to a new variable?
str = str.slice(2) would change the string held in str.
i mean ur code example @Masd925
@prakashyadav008 Yes, the variable is local, as it should.
@EpicTriffid Better not use for..in on arrays or array-likes. First, there's no guaranteed order. Then, for..in walks through all enumerable properties, inherited or not. If I used a polyfill to add some method to Array.prototype, and used a simple assignment instead of Object.defineProperty, it would automatically be enumerable and would show up in the for..in over any array.
In a for loop using the length property, you control the order. You are never affected by enumerable non-numeric properties, because your index is numeric.
@EpicTriffid And in my previous code, the
return str.slice(i) + str.slice(0, i) + "ay"; should work for any i. So why do you say "it aint working"? What is the code you execute, what do you expect, what happens instead?
@WAINGOR What do you want to match? Something like
/\S+/g?
Hello guys, sorry to be a bother, at work trying to get this calculator project going. I have my click event firing twice in a row if i: type a number, press add, type another number, press add (result appears) and then type (here the number pressed is added twice). i put a console log showing that the click event fired twice, don't know why T_T https://codepen.io/bilaal-s/pen/QMjVKK?editors=1010
if anyone wants to attempt to help, please rerun the calculator after adding two number and typing a third, otherwise the number will become too big and it will be tricky to track in console
how can a event fire twice without a loop or anything? granted there are two events in the code, but the other has a condition on it which is not hit, and this is confirmed in the console output as it only logs secondary click event fired
$(".button").unbind("click").on("click", function() { seems to have fixed the issue
@bilaal-s You have to be careful when you have click handlers assigned within other callbacks, because you can get more than on handler attached
and you will get this double behavior.
and you will get this double behavior.
@sjames1958gm is unbinding the event best practice? or should i restructure the code?
@sjames1958gm thanks bytheway
bilaal-s sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8280 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
@bilaal-s Probably a style choice
- Bind everything once, and have some sort of state that says whether to act on the event.
- bind/unbind based on other clicks
I don't know if unbind is an expensive operation.
My personal choice is 1. but I won't say that is best or better.
<script>
for (let i = 0; i < 10; i++) {
console.log(i);
setTimeout(function(){
console.log("the number is "+ i);
}, 1000)
}
</script> 0
1
2
3
4
5
6
7
8
9
the number is 0
the number is 1
the number is 2
the number is 3
the number is 4
the number is 5
the number is 6
the number is 7
the number is 8
the number is 9
Same thing.. If I used
var i=0 in the for loop , I am getting 0
1
2
3
4
5
6
7
8
9
the number is 10
can someone explain what is happening?
@Venkateshwaran When you use
var, you create a global variable that all those callbacks use. So the number is 10 is printed 10 times.
So that script runs and
i ends up with value 10 and later those timeout events fire and callbacks are run.
@Masd925 so, the for loop does not wait for
settimeout function to finish running. ?
@Venkateshwaran maybe check this out
I am not familiar with the let myself
@Venkateshwaran
setTimeout just binds a function to the event. So it tells the browser to run the callback function after certain time has passed. That script runs almost immediately, and doesn't wait for callbacks to run.
@Masd925 when I am using let, where is the value of
is stored?
how is it printing 0, 1, 2, 3...
?
I am sorry if this is very basic question and I am complicating it.
@Venkateshwaran Those callback functions have access to the block scope created by
let. So the variable stays alive on the closure of the callback. I am not too familiar with ES6, so eat my stew at arms length.
With
var, all those callbacks would have access to the same variable on the global scope.
@Venkateshwaran When you use let each loop through the for creates a separate context which stores i
When you use var i there is only a single context that stores i
These contexts are then used when the callback is run
When you use var i there is only a single context that stores i
These contexts are then used when the callback is run
@sjames1958gm @Masd925 OK. So in
var case , the i value has reached 10. and it is available at global scope. So by the time setTimeout is called it picks the last value of i which is 10, Right? correct me if I am wrong
@Venkateshwaran :+1:
@sjames1958gm @Masd925 and In
let case each for loop becomes a different block ?
@Venkateshwaran Yes with
var, when any of those callback function is executed, i is found on the global scope.
@Venkateshwaran With
let, it is found on the block scope created by a loop step.
To be very specific it is not a variable at global scope that is being accessed, it is a variable in the closed scope.
here in this function i is not in the global scope but is in the greater (non-block) scope of the timeout function
So you would see the same behavior
here in this function i is not in the global scope but is in the greater (non-block) scope of the timeout function
So you would see the same behavior
function x() {
for (var i = 0; i < 10; i++) {
console.log(i);
setTimeout(function(){
console.log("the number is "+ i);
}, 1000)
}
}
@Masd925 @sjames1958gm ok. I get it now. does that mean let takes more space, because it makes 10 block scopes?
@Venkateshwaran That I don't know.
@sjames1958gm thanks :)
venkateshwaran sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8281 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
As each function expression holds a reference to its own version of
i, that's more space than one. But before that, you would have used a closure, which is probably even more overhead.
@Masd925 thanks to you too.
venkateshwaran sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4396 | @masd925 |http://www.freecodecamp.com/masd925
@Blauelf you mean in
var case I used closure, and that is more heavy?
@Blauelf Wouldn't both be closure, just with differently organized contexts?
@sjames1958gm Before
let, an implementation of the let case would have used closure and caused more overhead.
@Masd925 They are both using closure. The let doesn't change that the function is closing over a context.
The let creates an addition block scope that likely increases the overhead of the closures.
The let creates an addition block scope that likely increases the overhead of the closures.
@Masd925 @sjames1958gm @Blauelf so using
var appropriately would be better than using let ?
@sjames1958gm Yes, all smell like closure. I just tried to explain what @Blauelf said.
@sjames1958gm Old implementation would most likely use some wrapper function or such.
@Masd925 Ah, I see. My misunderstanding
@Masd925 thx
sjames1958gm sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4397 | @masd925 |http://www.freecodecamp.com/masd925
@sjames1958gm Well, I didn't say it very clearly. Thanks too.
masd925 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8282 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
Brownies for EVERYONE ! ;)
help brownie dilution
:(
how to use Object.assign{} inside a class
wait what
firstly what do you mean by class
and what is this monstrous consctruction with the brackets
js class i want to merge two objects inside a class, sorry that was Object.assign()
@abhishekpandeykr Why would inside a class have any impact on using Object.assign?
because i was not able to use, it was throwing error
is it mandatory , to use first object as blank
what do you mean you want to merge two objects?
also in js a class is kind of um
not a class?
from what i know not in the sense of other languages
its just awkwardly been put here with no apparent reason than to appease the java devs
and it failed at that also
@CataciD ES6 has class syntax (sugar).
but no matter, could you be more specific?
as in extention of modules?
@abhishekpandeykr What is the error that it is throwing.
also markus, that class syntax is pretty ridiculous from what i can tell
@abhishekpandeykr The first object does not have to be blank
tho take my words with a grain of salt i might be talking shit
it just seems like a replacement word for a bigger 'OOOOBJECT"
done @sjames1958gm , you last statement was very powerful which makes me to make that correct
i was doing something silly
as usualy
we're always doing something silly when we get where we went wrong now dont we?
i am trying to code a function that returns only prime number, whats the condition going to look like?
lol
@CataciD I agree that JS classes just mostly confuse things.
@kelechy if (number is prime) return number :)
lol
lol
@kelechy probably need to check if its dividable only by its self and 1
since prime numbers are numbers that can be divided by 1 and itself
function generate(int) {
if (int === 1) {
// Make sure to join the characters as we create the permutation arrays
permutations.push(arr.join(''));
} else {
for (var i = 0; i != int; ++i) {
generate(int - 1);
swap(int % 2 ? 0 : i, int - 1); // why this cannot be altered using traditional if else ?
}
}
}function generate(int) {
if (int === 1) {
// Make sure to join the characters as we create the permutation arrays
permutations.push(arr.join(''));
} else {
for (var i = 0; i != int; ++i) {
generate(int - 1);
if(int % 2 === 0){
swap (0,int-1);
}
else{
swap (int, int-1);
}
}
}
}if ((i % 1 ) && (i % i)) {
prime.push(i)
}
@kelechy id advice you to google prime number algorithm
i found one that worked for me, there might be something better but im not actually sure
that would just give him the answer tho
function primes(start, end) {
var prime = []
for (var i = start; i <= end; i++) {
if ((i % 1 ) && (i % i)) {
prime.push(i);
}
}
return prime;
}
thats the point
an algorithm is not coding
ok @CataciD
@kelechy prime only have 2 factors 1 and itself if i am not mistaken
there's no point in trying to figure out mathematical thesis if you havent seen them ever
@kelechy Do you know what makes a number prime?
i can tell you my approach/algorithm without detail if you want
might've been a long way around and there might be something better suited or more efficient
but i was lazy
and im no math student
yes @sjames1958gm it must be divisible by only 1 and itself
@namethatisnottaken
it will return 0 or i so you get two different calls to swap based on the value if int
int % 2 ? 0 : i this does the if / else check of the second function.it will return 0 or i so you get two different calls to swap based on the value if int
do you wan't it @kelechy ?
i taught my kids at school the math, just trying apply the logic to code @sjames1958gm :smile:
sure @CataciD
i found an algorithm thats basically bingo
you specify the range of numbers
@kelechy You can use the sieve method or just test every value from 2 to sqrt(i)
and then have a grid filled with them
so for 1-10 you have a grid of numbers from 1 to 10
condition is 0 and 1 is not prime
@sjames1958gm hi James, yes i think there is not much different between the first function and the later right ? only perhaps the execution time ?
from what i've read
so you start at 2
@namethatisnottaken The first function looks like it will pass i not int to the swap function
first you take a number and then run through all the numbers
checking if any of them is divisible by it
@namethatisnottaken I doubt that there is much execution difference
if a number is divisible (%number)
then remove it
yea 1 is not prime @CataciD
so the grid shortens
so in that case you have 2,3,4,5,6,7,8,9,10
on first step 2
removes 4,6,8,10
if end of table get next number
oh my God yes, i did not get it @_@
go on to 3
lol
3 eliminates 6,9
thanks @sjames1958gm
namethatisnottaken sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
but 6 already eliminated
:star2: 8283 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
4 is eliminated
5
eliminates nothing cause 10 is gone
then 7
you're left with 2,3,5,7
voila
you got the prime numbers in range of 1-10
so if i wanted to check if a number is prime i could generate them up to that number
or just generate primes constantly until i find one that divides it
sounds a bit confusing i think
but it worked xP
@kelechy Another fairly simple way is to test the looped candidate number for divisibility against the primes generated so far.
that was sure confusing.. can you send me the link so i can read through? @CataciD
@kelechy yeah that's the second part i mentioned
the idea is to generate numbers while dividing by previous ones
is something is divisible by anything it's not a prime
here ya go
eratosthenes
a cool dude
i think i am going to make a kata outta this @sjames1958gm :smile:
thanks @CataciD
kelechy sends brownie points to @catacid :sparkles: :thumbsup: :sparkles:
:cookie: 417 | @catacid |http://www.freecodecamp.com/catacid
@namethatisnottaken There is a difference: This is the first code changed to if / else
if (int % 2) {
swap(0, int-1); // so when int % 2 is not zero
} else {
swap(i, int-1); // here i is used not int
}looks like the if / else are swapped and the else is using i not int
yes i missed that haha been trying to find the difference for hours only to miss that :sob:
@kelechy :+1:
@kelechy An integer is prime if it is not divisible by any prime less than or equal to its square root
@sjames1958gm You're right, a block scope referenced from a function expression within is also a closure. I always associate "closure" with "function scope", because previously there were no block scopes.
Can I fire a PHP file execution with Ajax and don't wait for an answer? The PHP script should wait 5 minutes and do something that doesn't require the user interaction
sure.. why not ? @Chrono79
@Chrono79, create a php route that is callable from your frontend. Add code to the route to run the backend code you want to be executed.
@Chrono79 You have to at least respond with 200 OK to satisfy http
I'll copy the whole explanation of what I'm trying to accomplish here too
I'm working on a custom made shopping cart, the validation of the credit card is done by an external provider, I sent the amount and credit card brand beforehand and after some steps I send a form with some data to them via a form using post method, the customer goes to the external site and when finished there, he should come back to my site using post again and my code starts from there to process if the operation was successful or not.
Sometimes the response from the external provider never comes back so my code never run, and I want to check the operation automatically when that happens making a call to the external provider
Sometimes the response from the external provider never comes back so my code never run, and I want to check the operation automatically when that happens making a call to the external provider
maybe.. depends on the payment gateway u using... require some configuration (i dunno never used)
function largestOfFour(arr) {
// 请把你的代码写在这里
var newarr = [];
var max ;
for(i=0 ; i<arr.length;i++){ for(j=0;j<arr[i].length;j++){ max = arr[i][0]; if(arr[i][j]>max){
max = arr[i][j];
}
}
newarr.push(max);
}
return newarr;
// 请把你的代码写在这里
var newarr = [];
var max ;
for(i=0 ; i<arr.length;i++){ for(j=0;j<arr[i].length;j++){ max = arr[i][0]; if(arr[i][j]>max){
max = arr[i][j];
}
}
newarr.push(max);
}
return newarr;
What's wrong?
@zombiebirds 0>undefined //false
initialize
also u need to return a number value.. not an array
initialize
maxalso u need to return a number value.. not an array
Hi all I have a question: why does this:
console.log (!undefined === "jack") ;
VM2539:1 false
undefined
console.log(!undefined === "jack");
VM2581:1 false
undefinedboth return false?!
forget abt the lines with VM in them
Excuse me
this was not the right code
This is the right code:
console.log(!undefined === "jack");
//false
undefined
console.log(undefined === "jack");
// falseHow can this be?
@WAINGOR you're using strict comparison, !undefined isn't "jack"
console.log(!undefined);
//true
Its the wrong check, !undefined is being checked. You should check
console.log(undefined !== 'jack'); // should be true
@moigithub thanks!
zombiebirds sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 3573 | @moigithub |http://www.freecodecamp.com/moigithub
undefined and 'jack' are different values
they never gonna be equal @WAINGOR
they never gonna be equal @WAINGOR
Thanks @Chrono79 !!
waingor sends brownie points to @chrono79 :sparkles: :thumbsup: :sparkles:
:star2: 4512 | @chrono79 |http://www.freecodecamp.com/chrono79
@moigithub I understood that :) that wasnt my fallacy... It was presuming that !undefined === "jack" meant: return true if undefined equals jack .... but I found out that that should be written as !(undefined === "Jack")
since undefined and "jack" are different values..
ie
! (NOT operator)
!false === true
ie
1==2 that will always be false! (NOT operator)
!false === true
@WAINGOR https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
The operator precendence shows ! at a higher precendence that === so the !undefined gets evaluated before the === "jack"
The operator precendence shows ! at a higher precendence that === so the !undefined gets evaluated before the === "jack"
oops my syntax isn't even valid, thats what I get for winging it
Thanks @sjames1958gm ... and this is correct right:
I was presuming that !undefined === "jack" meant: return true if undefined equals jack .... but I found out that that should be written as !(undefined === "Jack")
I was presuming that !undefined === "jack" meant: return true if undefined equals jack .... but I found out that that should be written as !(undefined === "Jack")
waingor sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8284 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
@WAINGOR Yes
Lol this was a wallbanger for me (to clearify: its a word I invented 3 seconds ago to describe a problem which has you banging your head against the wall for hours)
I DONT want the answer but can someone help me figure out why I am getting a "Syntax Error: Unexpected token '{'"? I am not sure where my mistake is.
//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 (i = 0; i < contacts[i].length; i++){
if (firstName && prop === true){
return firstName.prop;
} else (prop === false){
return "No such property";
} else (firstName === false){
return "No such contact";
}
}
// Only change code above this line
}
// Change these values to test your function
lookUpProfile("Akira", "likes");
@addisonday You're using else instead of else if. else does not have a condition
Also, you'll only want to return
"No such contact" outside of your loop
function trim(str, size) {
if (str.length > size){
return str.slice(0, (size - 3)) + '...';
}
if (str.length < 3) {
//this is the prob line
return str.slice(0, size) + '...'
}
else{
return str;
}
}```If the string is smaller than or equal to 3 characters then the length of the dots is not added to the string length.
e.g. trim("He", 1) should return "H..."```
@kelechy Link to the challenge?
"less than or equal to" @kelechy
does not work even if i did
str.length <= 3
@kelechy Think about your order of operations, will the first if make it so you never reach this test?
147 lines of code for my javascript calculator so far
lol
Thank you @JLuboff btw. That's a good thing to keep in mind!
addisonday sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:star2: 2138 | @jluboff |http://www.freecodecamp.com/jluboff
@bilaal-s yeah lots of different cases to keep track of in that one
oop... :hand: i hail thee @sjames1958gm :smile:
am I the only person that feels this particular room is more important than the oval office? :smile:
I'd say that's a fair assessment :D
:smile:
are you done with it @JLuboff
@kelechy Haven't started lol
ok...hows your backend project going? @JLuboff
Finished Nightlife App. Slowly starting Stock Chart App. But been focusing on studying for a certification test for work
hey guys I am having an unexpected result in my project when I choose my Destiny it wont make my selection disappear. Someone tell me what I did wrong.https://codepen.io/Ronique/pen/EXMRNB?editors=1111
o cool @JLuboff
@RoniqueRicketts do you want this maybe?
document.querySelector("#destiny").style.display = 'none'
@Masd925 please help
`
function destroyer(arr) {
var here = arr.filter( function(val){
for (var i=1; i<arguments.length; i++)
{
if (val === arguments[i])
return false;
}
return true;
});
}
`
can't think beyond this :/
use three backticks to format code
@cmccormack i know that works but why can't I set an attribute
@abidRahim arguments.length will be 2
@abidRahim what are you trying to iterate over?
the arguments.. and if they match with 'val' from the destroyer parameter arr, then it should filter out
@cmccormack
@RoniqueRicketts
document.querySelector("#destiny").setAttribute("hidden", "");
@cmccormack thanks man your a lifesaver
roniquericketts sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1109 | @cmccormack |http://www.freecodecamp.com/cmccormack
@abidRahim if I remember that exercise correctly,
arguments will contain two arrays, your destroy as arguments[0] and seek as arguments[1]. your loop iterates over just those two items
oh sorry looks like seek are different arguments
@abidRahim use indexOf to check within arguments[0] instead
okay
what do i return after comparing
within filter's anonymous function
@abidRahim return true if you want to keep the value false if you want to drop
hmm sorry @abidRahim I really didn't read your code closely, if you want to use filter, you should be able to, but are you returning your result?
yes i am
i'll try your suggestion and get back
@abidRahim the
arguments inside the filter function are for that function not destroyer
oh right
you can simplify a bit using:
return (val !== arguments[i])
i actually tried that
@abidRahim a simple assignment var args = arguments, will make it available as args
brb
@cmccormack That won't work because you have to return true only if it doesn't match any of arguments 1-n
@sjames1958gm ah good point
Okay, I am not getting syntax errors anymore but my function is returning no values. Can someone help point me in the right direction?
//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 (i = 0; i < contacts[i].length; i++){
if (firstName && prop === true){
return contacts[firstName][prop];
} else if (prop === false){
return "No such property";
} else if (firstName === false){
return "No such contact";
}
}
// Only change code above this line
}
// Change these values to test your function
lookUpProfile("Akira", "likes");
@addisonday Try
i < contacts.length not contacts[i]`
@JLuboff Same result
@addisonday Ok, couple of other items.
firstName && prop === true this is not valid syntax, you must make each comparison sperate ie. firstName === true && prop === true But thats not going to work either, you want to actually check if contacts has those properties using something like .hasOwnProperty
@kelechy My one line solution
const trim = (arr, size) => arr.length < 3 ? `${arr.slice(0, size)}...` : arr.length > size ? `${arr.slice(0, size-3)}...` : arr
@JLuboff Thank you for making me aware of that syntax mistake! I'll give the other suggestion a try.
addisonday sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:star2: 2140 | @jluboff |http://www.freecodecamp.com/jluboff
I just started using the browser console and I really like this thing. It makes finding errors so much easier. Console is the best thing since slice bread!!!
@RoniqueRicketts The console is incredibly useful
@addisonday yeah it is man. I love it
Hello guys, could I get some help turning an object into an array without using any of the object functions
/methods
@junipberry Use a loop to push the object elements into an array?
but before I push into an array, do I get object elements to split into strings, to transform into an array?
Can you give an example of one of the objects?
date: “Wednesday”,
weather: “sunny”,
month: “August”
}
guys if I want to make a countdown timer is it easier to use the Date or to just run a -- at 1 second intervals ? Asking for the pomodoro project
sorry there should be a { in the beginning
@junipberry And what format do you want the array to be?
[["date", "Wednesday"], ["weather"....]]or
["date", "Wednesday", "weather"...]or
["Wednesday", "sunny"...]
https://codepen.io/Thayyeb_Itachi/pen/rzxKPg?editors=0010
This project doesn't like me
This project doesn't like me
It's behaving weird
I believe the first one, bc I will push out [0] of each element. I need an array of all keys
@junipberry Something like this would work:
let obj = {
date: "Wednesday",
weather: "sunny",
month: "August"
};
let arr = [];
for(let key in obj) {
arr.push([key, obj[key]]);
}
console.log(arr); // Result: [ [ 'date', 'Wednesday' ], [ 'weather', 'sunny' ], [ 'month', 'August' ] ]
let arr = Object.entries(obj)
es7 ?
es7 ?
@moigithub She doesn't want to use any Object methods
ahh ok :D
already using es7? pls slow down :smile: @moigithub
ty @JLuboff , I’ve actually been struggling with the for..in loop on this for awhile. Its not passing the test..comes up as undefined.
junipberry sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:star2: 2141 | @jluboff |http://www.freecodecamp.com/jluboff
@junipberry What is this for?
I’m just practicing on a prep site
Can you link to it or is it private?
its private, bc the questions are only accessible w a login
:+1:
:/
Not sure what I am missing here... Am I going about this the right way?
//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 (i = 0; i < contacts.length; i++){
if (contacts.hasOwnProperty([prop])){
return contacts.firstName[prop];
} else if (prop === false){
return "No such property";
}
}
if (firstName === false){
return "No such contact";
}
// Only change code above this line
}
// Change these values to test your function
lookUpProfile("Akira", "likes");
Hello Buys
guys*
@addisonday
contact.hasOwnProperty(prop)
Why not use bracket notation? We don't know what the user can input for
prop correct?
If I want to do the for..in loop within a function, do I label the console.log(arr) as result. Then call for the function variable of that result?
@JLuboff The function is returning nothing
@addisonday You're telling hasOwnProperty what property to look for. In this case,
prop is our parameter which acts as a variable, so it's assigned by the function call (in this case, it defined as "likes"). By adding brackets, you're telling it look for ["likes"] instead of "likes"
@junipberry I just used console.log as an example, and becuase I didn't have a function I couldn't use return. If this is inside a function, you can instead use return
and you can return whatever variable name you like. You don't have to use
arr
@Delwalt :wave:
@kelechy Object.entries seems its not es7 but part of es8 (ecmascript 2017)
http://exploringjs.com/es2016-es2017/index.html#toc_ch_object-entries-object-values
http://exploringjs.com/es2016-es2017/index.html#toc_ch_object-entries-object-values
@addisonday You should be using contacts[i] not contacts inside the loop
@JLuboff I still am getting nothing returned
@sjames1958gm I had that originally and was told to change it :/
@addisonday contacts[i][prop] is the value to return if the property exists.
firstName and prop are strings and won't === false
firstName and prop are strings and won't === false
@addisonday I had only told you to change to
i < contacts.length, which is what we want. @sjames1958gm is refering to actually inside the for loop
@addisonday I did mean inside the loop not in the for loop test
@sjames1958gm I see what you mean now
@JLuboff
could you take a look at this:
```function getKeys(obj){
let myArr = [];
for(let key in obj){
myArr.push([key,obj[key]]);
}
return myArr;
}
```
function getKeys(obj){
let myArr = [];
for(let key in obj){
myArr.push([key,obj[key]]);
}
return myArr;
}
Looks good to me? I'm guessing it's not passing though?
no..
Can you show the full instructions of the challenge?
Write a function called "getKeys" which returns an array of all the input object's keys.
Example input:
{
name : 'Sam',
age : 25,
hasPets : true
}
Function's return value (output) :
['name', 'age', 'hasPets’]Do not use "Object.keys" to solve this prompt.
Note that your function should be able to handle any object passed in it.
E.g. it should also handle an input like:
{
a : 'a',
number : 11,
hungry : true,
grammyWins : 1
}
Function's return value (output):
['a', 'number', 'hungry', 'grammyWins’]
@junipberry Oh, so you just need the keys
yes~
So just do
myArr.push(key);
I thought you need the key and value
ahh
I thought I was only pushing the [keys] from the obj..
ty @JLuboff !
junipberry sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:warning: junipberry already gave jluboff points
:+1:
@JLuboff Can you take a peek at my code
The second ajax call is messing up
just check the console
@Thayyebsalim Can you be more specific of the issue?
Hey all, quick question about event handlers and 'this'. When used inside an event handler, does 'this' always refer to the current event being triggered? Here's some code I was working with earlier:
const checkboxes = document.querySelectorAll('.inbox input[type="checkbox"]');
let lastChecked;
function handleCheck(e) {
lastChecked = this;
}
checkboxes.forEach(checkbox => checkbox.addEventListener('click', handleCheck));
in this case, this equals my e.target. I'm not too comfortable using 'this' yet, so just curious.
@JLuboff the loops works perfect for the first json call, in the second json call it just keeps the value of the last elt in the array
Ah
It looks like channels is fine, but streams is always the last user in the array. My guess is its due to the async nature of .getJSON. but I'm not positive
Yeah that's it
but I have no idea how to bypass it :worried:
@Thayyebsalim Try this
detailUrl = "https://wind-bow.glitch.me/twitch-api/channels/" + user;
$("#streamers").append("<div class='user' id="+user+"></div>");
$.getJSON(detailUrl,function(detail){
streamUrl = "https://wind-bow.glitch.me/twitch-api/streams/" + user;
$.getJSON(streamUrl, function(current){
I believe the issue is that the first JSON call gets ran, and takes time. In the meantime, the forEach keeps running, thus changing the
streamUrl user by the time the second JSON call occurs
@JLuboff How do you validate the user input for firstName? Not sure how I am overlooking this
@addisonday Validate in what regard?
@JLuboff in the case that it doesn't exist
@addisonday All you need is
return "No such contact" outside your loop, you loop is already assessing (inside or at least it should be ;)) that the user exists or doesn't
Atleast, if I remember correctly. Its been a while since I've looked at that challenge
@JLuboff Here is what I have now.
//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 (i = 0; i < contacts.length; i++){
if (contacts[i].hasOwnProperty(prop)){
return contacts[i][prop];
} else {
return "No such property";
}
}
return "No such contact";
// Only change code above this line
}
// Change these values to test your function
lookUpProfile("Akira", "likes");Two of the 5 tests pass
F "Kristian", "lastName" should return "Vos"
F "Sherlock", "likes" should return ["Intriguing Cases", "Violin"]
P "Harry","likes" should return an array
F "Bob", "number" should return "No such contact"
P "Akira", "address" should return "No such property"
@addisonday you're supposed to check it against first name as well.
@kumquatfelafel I am not sure how to do that. All the ways I have tried failed...
for (var i = 0; i < 5; i++) {
return i; // how many times will this line of code execute?
}
Hi all, I am currently sending e-mails through a nodeJS module and I am trying to spice up things a little by adding html tags and inline styling into my mail templates. I presume I have to escape // in my url (background image of the div element. Still Node tells me that "<" is an unexpected token...
html: '<p style="color:green;"><b>Dear Sir.</b>I this is a message from your automatic mailingservice</p><div style = "position: relative; background-image: url('http:\\/\\/willpenman.com/teaching/armin0_img.png'); background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 310px;"> </div>'
@addisonday First, you check if the first names are the same. Then, only if they are... you check the property.
Excuse me this should be better:
var mail = { html: '<p style="color:green;"><b>Dear Sir.</b>I this is a message from your automatic mailingservice</p><div style = "position: relative; background-image: url('http:\\/\\/willpenman.com/teaching/armin0_img.png'); background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 310px;"> </div>'
};
you have right idea with no such contact being outside of for loop, but currently, because of how your code is written that line can never be executed.
@addisonday , You will need to check that the
contacts[i].firstName matches the firstName from the parameter.
@addisonday basically, your code is 100% correct, provided you now implement the first name check properly
@kumquatfelafel , right, will update accordingly..
aye :)
http:\\/\\/
???
@kumquatfelafel @roxroy Thank you guys both for the help. Am I creating a separate if statement for this check?
addisonday sends brownie points to @kumquatfelafel and @roxroy :sparkles: :thumbsup: :sparkles:
:cookie: 586 | @kumquatfelafel |http://www.freecodecamp.com/kumquatfelafel
:star2: 1096 | @roxroy |http://www.freecodecamp.com/roxroy
hello everyone
How can I prefor a modal show with jquery? and no im not using bootstrap :d
@addisonday Check property if and only if first names are the same. Otherwise, do not check for property. No such property basically means "contact with this name exists, but said contact doesn't have the given property". So if the first name I'm looking for is Larry, but the contact I'm looking at is Sal... if Sal doesn't have the given property, then this in and of itself is not justification for returning no such property. I should only be returning no such property if there is a contact with the first name of Larry, who doesn't have said property.
Remember, return statement, if executed, will halt the loop and the function immediately returning the specified value. Currently, your "No such contact" (which should occur when none of the contacts has the given first name) return statement is never executed because one of your other two return statements is executed no matter what in the first iteration of your for loop. (this statement based upon code above, but may not be true for whatever you have now)
kumquatfelafel @kumquatfelafel is away
@tiagocorreiaalmeida what do you mean with prefor?
@Chrono79 perform*
@kumquatfelafel
Solved! :) This took awhile but I learned a ton!
Solved! :) This took awhile but I learned a ton!
//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 (i = 0; i < contacts.length; i++){
if (contacts[i].firstName === firstName){
if (contacts[i].hasOwnProperty(prop)){
return contacts[i][prop];
} else {
return "No such property";
}
}
}
return "No such contact";
// Only change code above this line
}
// Change these values to test your function
lookUpProfile("Akira", "likes");
you have to load jqueryui too, it's not in the regular jquery
@Chrono79 isnt there any simple jquery way of making it based on the code I have and without using anything else?like a .show or something?im just wasting ause show is not working
@JLuboff Thanks dude that worked.
I have been messing around and searching for it for some time now
thanks alot
I have been messing around and searching for it for some time now
thanks alot
thayyebsalim sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:star2: 2142 | @jluboff |http://www.freecodecamp.com/jluboff
missing some logic part
function toaster(b){
return (b == 'white bread') ? '1 min' : (b == 'frozen white bread') ? '1.5 mins' :
(b == 'brown bread') ? '2 mins' : (b == 'frozen brown bread') ? '3 mins' :
"Please do not put that in the toaster!";
}
random test :
Expected: '1 min', instead got: 'Please do not put that in the toaster!'
@addisonday that's good. :)
I think nested if statements like you have is best option here. Without it your for loop would probably look something like...
for(blahblah) {
if (contacts[i].firstName !== firstName)
continue;
else if(contacts[i].hasOwnProperty(prop)
return contacts[i][prop];
else
return "No such property";
}this... which, coding-wise, is kinda weird
@kelechy the parentheses shouldn't be necessary at all
@kelechy could you link the challenge? :point_down:
@kelechy yeah, it also depends on what the instructions said
can someone tell me why I can't use this document.querySelectorAll()
https://codepen.io/Ronique/pen/EXMRNB?editors=1111
https://codepen.io/Ronique/pen/EXMRNB?editors=1111
@kelechy
Okay. So string comparison should be case insensitive. e.g. WHitE BreAD should also return 1 min
Okay. So string comparison should be case insensitive. e.g. WHitE BreAD should also return 1 min
https://www.codewars.com/kata/smart-toaster/train/javascript @kumquatfelafel
lol @kumquatfelafel
oh...i think i need a rest now :smile: @kumquatfelafel thanks
kelechy sends brownie points to @kumquatfelafel :sparkles: :thumbsup: :sparkles:
:cookie: 587 | @kumquatfelafel |http://www.freecodecamp.com/kumquatfelafel
@tiagocorreiaalmeida afaik jquery core doesn't support modals, you have to use a third party library (here is another one: http://jquerymodal.com/)
@RoniqueRicketts try
document.querySelectorAll("div > .grids");
.show used that @Chrono79 but thanks for the info
tiagocorreiaalmeida sends brownie points to @chrono79 :sparkles: :thumbsup: :sparkles:
:star2: 4513 | @chrono79 |http://www.freecodecamp.com/chrono79
@RoniqueRicketts actually it does look like it's working but you have to loop over the results for your listeners
so there's shared code between the client and server (using nodejs) and is this "good" design wise ?
class Player extends Gfx{
constructor(){
if(SERVER === false){ //to make sure the server doesn't run the super constructor because it contains things that are just not needed in the server
super();
}
}
}
@cmccormack thanks I will try that
roniquericketts sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1114 | @cmccormack |http://www.freecodecamp.com/cmccormack
@RoniqueRicketts
grids.forEach(grid=>grid.addEventListener...
@cmccormack your a genius. thanks omg my project is coming along :D
roniquericketts sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:warning: roniquericketts already gave cmccormack points
@RoniqueRicketts :thumbsup:
@cmccormack I am grateful for the help man. I really appreciate it. I feel like I am actually coding :)
@roxroy thx :)
lufter sends brownie points to @roxroy :sparkles: :thumbsup: :sparkles:
:star2: 1097 | @roxroy |http://www.freecodecamp.com/roxroy
@RoniqueRicketts yeah man it's looking good!
@cmccormack Yeah I am working on getting it fixed up.
Hi all, I have a question. I have a crawler that I will let run on my mac terminal. It's written in NodeJS. I will have it scan 1 specific page every 5 seconds. Because I want I will do it using:
setInterval(function(){ alert("Hello"); }, 3000);I want it to keep running the entire day but I just have 1 question: once it's running, how will I make it stop!! lol
@WAINGOR Kill the terminal window or the node process
how
:)
Press the red button on the terminal window..? Or for Windows it's ctrl+c to kill the node process not sure if its the same for OS X or if it's cmd+c
do you want it to shut off automatically? could run setTimeOut on a clearInterval
@cmccormack @sjames1958gm
function destroyer(arr) {
var args = Array.from(arguments);
var here = arr.filter( function(val) {
for (var i=1; i<args.length; i++)
return (val !== args[i]);
});
return here;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
the o/p i'm getting is [1,3,1,3]
@abidRahim you're returning too soon, only return within your loop if there is a match (destroy)
okay
@WAINGOR cut the red wire as everybody knows ;)
Pft... everybody knows it's the blue wire. I'll prove it!
:boom:
@kumquatfelafel can you look into my pen https://codepen.io/tiagocorreia/full/VzKxeb/
$('.col-1 a').click(function(){
console.log("hi");
multiplayer = false;
$(".col-1").fadeOut();
$(".col-2").fadeOut();
});
$('.col-2 a').click(function(){
console.log("hi2");
multiplayer = true;
$(".col-1").fadeOut();
$(".col-2").fadeOut();
}); why those lines dont work?
console.log("hi");
multiplayer = false;
$(".col-1").fadeOut();
$(".col-2").fadeOut();
});
$('.col-2 a').click(function(){
console.log("hi2");
multiplayer = true;
$(".col-1").fadeOut();
$(".col-2").fadeOut();
}); why those lines dont work?
the console log doesnt show
the tag imlooking for its the a tag that's around the icon
@tiagocorreiaalmeida you missed = in your html when defining the classes
oh god
thanks
can I use append and fadein at the same time?
@cmccormack This worked
function destroyer(arr) {
var args = Array.from(arguments);
var here = arr.filter( function(val) {
return !args.includes(val);
});
return here;
}But i'm still breaking my head with the previous code
@tiagocorreiaalmeida
And make it like this instead, to hide overlay area and pop-up.
Because right now you only hide half of popup
$('.col-1 a').click(function(){
console.log("hi");
multiplayer = false;
$("#popup1").fadeOut();
});
$('.col-2 a').click(function(){
console.log("hi2");
multiplayer = true;
$("#popup1").fadeOut();
});
@Lufter im gonna change the modal content before hidding it eheh
$('.content h3').text("Choose your Mark").fadeIn();
is this a possible thing or?
@tiagocorreiaalmeida should work
//shared js code between server and client
class Player extends Gfx{
constructor(){
if(SERVER === false){ //this is the line that says SERVER is not defined when it is defined in app.js
super();
}
}
}
if(module.exports){
module.exports = {player};
}
//app.js on node
const SERVER = true;
let PlayerClass = require("player.js").player;
let testPlayer = new PlayerClass();
// giving error that SERVER is not defined
@tiagocorreiaalmeida as i know it will work in case if you will use tags only*
for ex.
for ex.
$('div span').text('Hello World');
@abidRahim best thing you can do is walk line by line through your code and determine what it's supposed to do and what it is doing
got a problem where SERVER is defined but says it's not defined for some reason
@cmccormack So studying for one of my cert's and this was a potential answer in one of my practice exams:
lmao
@JLuboff sounds legit
@JLuboff ah that's so sweet
It's the uncleboard you really have to keep an eye on.
:joy:
or another motherboard, don't tell hardware what to love!
lol
@tiagocorreiaalmeida you may want to check what
.text() returns, if it's an element then should work
@tiagocorreiaalmeida
You may use has to get the required result
$(".content:has(h3)").text("Hello World");Basically 'All elements with class ".content" that have a <h3> element' will display text "Hello World"
hi guys. i think i found a but. im on the algo search and replace. and this is my code
function myReplace(str, before, after) {
var myRegex = RegExp('(\\w*'+before+'\\w*)','gi');
return str.replace(myRegex,after);
}
myReplace("He is Sleeping on the couch", "Sleeping", "sitting");its returning right but i have an error. like what???
getting this error in node..
this.uid = obj.uid || "none";
^
ReferenceError: this is not defined
this should be relative to "new"
since it's a constructor but I don't get why "this" is not defined
@artoodeeto shouldn't you use new before RegExp?
And what about the capitalization?
And what about the capitalization?
is it because I'm not calling the super? I'm only calling the super depending on if it is the server or not that is running the code
@Chrono79 what sir??
@Chrono79 i think thats the syntax for constructor
@scarejar could it be related to you using arrow notation?
@artoodeeto
var re = new RegExp("\\w+");
var re = /\w+/;https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp
Can anyone help me understand why this template literal expression is neceesary? Why couldn't I just use the 'percent' variable?
function handleProgress() {
const percent = video.currentTime / video.duration * 100;
progressBar.style.flexBasis = `${percent}%`;
}
have you tried using it and it didn't work?
do you mean like
percent + '%'?
yea it didn't work
@Chrono79 tried without and it gives same result strangely..
It's css,
flex-basis: 50 wouldn't work, but flex-basis: 50% would
ah i see how it's working now
@abohannon not entirely sure which question answer is response to :p
@teevik but isn't
percent + '%' equivalent to ${percent}%? That's what seems weird
thank you all for the nudge @kumquatfelafel @Chrono79
abohannon sends brownie points to @kumquatfelafel and @chrono79 :sparkles: :thumbsup: :sparkles:
:star2: 4514 | @chrono79 |http://www.freecodecamp.com/chrono79
:cookie: 588 | @kumquatfelafel |http://www.freecodecamp.com/kumquatfelafel
nvm
you guys are right. percent + '%' does work
np
i had typed it wrong
:+1:
cheers, sorry abt that
kumquatfelafel @kumquatfelafel is offline.
Random Q I'd been searching online about but my phrasing has been failing at finding an answer. Also, not into Node yet. What would it be called (i.e., what should I search), if I wanted my script in Node to call a particular API at the same time each day? Front-end JS would just do the call when you open the browser or press a button that activates the call. Can I "time" it on the backend?
@sandsbe You could just have a setInterval on the frontend to make the call every 24 hours
@sandsbe try googling cron and node
@cmccormack can you give just 1 last look into something?
sure
@sandsbe What @Chrono79 mentioned is probably a better route. I see there is this package which maybe what you want: https://github.com/kelektiv/node-cron
https://codepen.io/tiagocorreia/full/VzKxeb/ after I choose 1 or 2 players I let the user choose X or O, to test only choose the 1 player option when I click on the X after nothing happens and I got this code to turn
run*
$('.choicex').click(function(){
console.log("Here");
if(multiplayer){
userMark = 'X';
secondPlayer = "O";
}else{
userMark = 'X';
computerMark = "O";
}
$("#popup1").fadeOut();
});
@cmccormack ty
abidrahim sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1115 | @cmccormack |http://www.freecodecamp.com/cmccormack
Worked wonders. Key words (besides cron and node) were Scheduling Tasks.
thanks @JLuboff @Chrono79
sandsbe sends brownie points to @jluboff and @chrono79 :sparkles: :thumbsup: :sparkles:
:star2: 2143 | @jluboff |http://www.freecodecamp.com/jluboff
:star2: 4515 | @chrono79 |http://www.freecodecamp.com/chrono79
:+1:
@tiagocorreiaalmeida Those elements don't exist when you assign handlers
@tiagocorreiaalmeida ^ that, you have to bind the onclick event when you add the html to the dom
right - you may want to add the elements to the dom first but hidden
so append will not work here?
maybe its time to use hide and show
or you can do a search for the element when you click instead of selecting the element directly
how could I do that? confusing to me
I would recommend creating your HTML first and just show/hide as you suggested
ok mate thanks
@cmccormack solved just 1 thing is there anyway to hide that fractio nof second where it fadesout and in cause it looks kinda strange try it out if ppossible :D
@tiagocorreiaalmeida you can add an opaque div behind it if you want
and the overflow hidden solves the other part or? cause I tried and doenst seems to :package:
:p
Keep playing with it you'll get it :D
eheheh ok thanks once again and yeah sometimes its just better to write random things unthil you get it
JLuboff @JLuboff needs a :sleeping:
@JLuboff me too.
@revisualize ...less than 2 hours to go..right?
someone knows about google revers for get location?? i cant get it... i have this
var gooloc ="https://maps.googleapis.com/maps/api/geocode/json?latlng="+ lat + "," + long +"&key=AIzaSyBUzuWvyNu66-dU5DW8DfMqNQ87JgFPCUs";
var province;
var state;
var city;
$.getJSON(gooloc, function(loc){
$("#locate").html(loc.results.long_name.country);
city=loc.address_components.administrative_area_level_1;
state=loc.adress_components.country;
province=loc.address_components.administrative_area_level_2;
}); // closing getjson gooloc
$("#locate").html(loc);
is the syntax wrong here:
for (let i=0; i<myLgth; i++){
myObj[array[i,[0]]]= array[i,[1]];
}
@junipberry looks wrong
@luccifer00 did you try logging
loc to console in your getJSON to see if it's getting a response? Did you check your browser console for errors?
yea, that doesn’t help
Can anyone tell me if there is a significant difference in using the create-react-app or in configuring the webpack manually?
@junipberry why do you have
myObj[array[i,[0]]]= array[i,[1]];? An assignment statment in your object lookup
Is it a good practice to use create-react-app in the new version?
@FannyVieira create-react-app makes it much easier, that's for sure
oh... i just write loc, but it tried with city, province and contry... and nothing happens... i am not sure if i set the api path correctly.... results.long_name.country @cmccormack
anyone experienced with nodejs ?
@luccifer00 output just loc to your console and look at the properties - if they match what you have it should work.
It's just that I'm afraid of losing some knowledge of what happens, but thank you very much.
function listToObject(array) {
let myObj = {};
let myLgth = array.length;
for (let i=0; i<myLgth; i++){
myObj[array[i,[0]]]= array[i,[1]];
}
return myObj;
}
@cmccormack
I want to loop my assignment of object
of index 0 as key and index 1 as value, respectively
@junipberry what is this supposed to be doing?
array[i,[0]]
can you update your code with what
array might look like?
I was trying to target the other arrays within the array.. thus my question re: syntax
how the array looks like ?
@junipberry maybe you want something like this:
> var arr = [[1,2,3], [4,5, [6,7]]]
> arr[1][2] // arr[1] grabs the second item in the array, then the following [2] grabs the third item from THAT array
[ 6, 7 ]
I want to set every index of 0 within the first array as an object key, and index1 within the first array as object value
Im targeting the i of array because I want to set a loop for every array within that array
soo array is like this ?
[
["key1", "value1"],
["key2", "value2"],
["key3", "value3"]
]
@junipberry you'll need to show us what your array parameter will look like
[[key:’value’],[key:’value’],[key:’value’]…etc]
an array within an array w no defined limit of elements
@junipberry
myObj[array[i][0]] = array[i][1]]
oh, right
ty @cmccormack
junipberry sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1116 | @cmccormack |http://www.freecodecamp.com/cmccormack
np
@moigithub glad you understood what it was supposed to look like :)
@JLuboff Not for me.
@JLuboff I'm migrating a database from one SQL server to another SQL server.
Then... I'm updating the application version from 12.3 to 12.5.1
Oh jolly good fun
@JLuboff I have an outage scheduled from 430pm to 530pm ... I think it is going to be until 6pm.
@JLuboff And... I have a meetup.com event at 6pm that I want to attend.
Better make that data move quicker ;)
so then, just want to be sure, this part of the function:
for (let i=0; i<myLgth; i++){
myObj[array[i][0]]= array[[i][1]];is effectively looping the assignment of index [0] and index [1] to object key-value, respectively.
Should that be
myLgth.length @junipberry?
let myLgth = array.length; was defined in her code up above a bit
@junipberry yup
@jimtryon , its from this:
function listToObject(array) {
let myObj = {};
let myLgth = array.length;
for (let i=0; i<myLgth; i++){
myObj[array[i][0]]= array[[i][1]];
}
return myObj;
}so it should be fine.
@junipberry Yeah, I thought you might have already declared the variable with the
.length property
@junipberry makes sense now
@junipberry I usually do it inside of the loop
@cmccormack , still not clearing in the test..trying to figure out what is still wrong
@junipberry What are you trying to do in this code?
thanks @cmccormack saw that above
jimtryon sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1117 | @cmccormack |http://www.freecodecamp.com/cmccormack
@junipberry
=array[i][1]
bro you know why fast is not adding to the text?
console.log('freecode'.split('').splice(0,1,"fast"));
gosh, that was silly. got it. ty @cmccormack
junipberry sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:warning: junipberry already gave cmccormack points
@artoodeeto it is
@artoodeeto but splice returns the deleted item
splice itself is an inplace method
@cmccormack ha?? why on the mdn its returning the added item
@cmccormack
var myFish = ['angel', 'clown', 'trumpet', 'sturgeon'];
var removed = myFish.splice(0, 2, 'parrot', 'anemone', 'blue');
// myFish is ["parrot", "anemone", "blue", "trumpet", "sturgeon"]
// removed is ["angel", "clown"]this is the sample
it isn't
it's modifying myFish in place with the splice method, and the returned array is the removed items, stored in removed
Why is this returning undefined? It's suppose to return a number.
var name = function () {
fs.readdir(dir, (err, files) => {
return files.length + 1;
});
}
Is this node @intcreate?
yes
its reading a file
yeah, it looks similar to code I wrote yesterday
if you are doing async read, you want to use
fs.readFile
I mean it's suppose to return the number of files in a folder.
What does it return?
undefined
when I do name();
you have the require statement?
also have you defined
dir?
dir is a valid path?
What do you get if you do
console.log(files)?
I’m going to guess that
dir is undefined
That would be my guess is well..
dir is
./uploads
can you show me that line?
// Use the mv() method to place the file somewhere on your server
var dir = './uploads';
fs.readdir(dir, (err, files) => {
return files.length + 1;
});
sampleFile.mv('./uploads/' + name + '.jpg', function(err, res) {
if (err) {
return res.status(500).send(err);
}
res.redirect('/dashboard');
});
im trying to return the readdir so I can use it in the sampleFile.mv
What happens if you console.log(files)?
actually, try
console.log(files.length) in your function
[ '.jpg',
'2.jpg',
'3.jpg',
'undefined.jpg' ]
'2.jpg',
'3.jpg',
'undefined.jpg' ]
oh ok
Ok, so why do you have
+1?
So when I upload a photo it changes the name
async
1.jpg, 2.jpg ...
you are concatenating the next number on to the filename?
yes
You should do that on the filename
not
files.length + 1
What do you mean on the file name
I mean I would append a random value on the actual filename
sampleFile.mv('./uploads/' + RANDOMVALUE + '.jpg',