FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

primuscovenant

@primuscovenant

@heroiczero tx

CamperBot

@camperbot

primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:

:star2: 2056 | @heroiczero |http://www.freecodecamp.com/heroiczero

abraham anak agung

@padunk

@leet-hacks which colors? Than u need if true show colors[i] if false show colors[i+1]

If u want random colors, put your colors in an array and use math.random

var colors = ['white', 'orange', 'blue'];
var color = colors[Math.floor(Math.random()*colors.length)];
console.log(color);

something like that and u dont need isColor variable

Stephen James

@sjames1958gm

@leet-hacks Your code always selects the last color in the array. Your i variable you don't need a loop but a global idnex variable if you want to select from the array.
Or use the random code as described above

dinesh

@1532j0004kg

@rajarahull what is the error ?

Iam@Leet_Programmer

@leet-hacks

Thanks @padunk it working fine now

CamperBot

@camperbot

leet-hacks sends brownie points to @padunk :sparkles: :thumbsup: :sparkles:

:cookie: 390 | @padunk |http://www.freecodecamp.com/padunk

Iam@Leet_Programmer

@leet-hacks

but i thought i would loop through the colors and change the background color to the color i looped

Roge

@RogeMateos

@ashwins93 yes that is right

hello guys i need some help with a background route it is driving me crazy

abraham anak agung

@padunk

@leet-hacks np. u dont need loop for that

alessiochiffi

@alessiochiffi

Hi all I have just finished the first part of a small project with free API. Any feedback is appreciated https://alessiochiffi.github.io/snapnews/

Seah Eng Chye

@Seahchye

Hi all I am doing the random quote machine challenge

but i am not sure how to proceed from here

abraham anak agung

@padunk

@alessiochiffi nice ui, a link to the news is even better. What news company after financial times? The logo didnt show up

Stephen James

@sjames1958gm

@Seahchye If you have confirm that you are getting the quotes (maybe use console.log in your forEach)
You can then examine the json and determine what string values you want to put into your page.
you can use the browser DOM API or something like jquery to do that

alessiochiffi

@alessiochiffi

@padunk thanks! I have inserted a placeholder for articles without images

CamperBot

@camperbot

alessiochiffi sends brownie points to @padunk :sparkles: :thumbsup: :sparkles:

:cookie: 391 | @padunk |http://www.freecodecamp.com/padunk

Stephen James

@sjames1958gm

@leet-hacks Each click drives the next color - so you don't need a loop.

Roge

@RogeMateos

can anyone tell me why this route is not working please

Seah Eng Chye

@Seahchye

@sjames1958gm How do i confirm? clicking on the button?

abraham anak agung

@padunk

@RogeMateos is it background-image

Stephen James

@sjames1958gm

@Seahchye Not sure I understand your question.
Assume you have global
var colorIndex = 0;
in your click handler

if (isColor) {
   // set color to white 
} else {
   // color is colors[colorIndex]
  colorIndex = (colorIndex + 1) % color.length
}
isColor = !isColor;

@RogeMateos src looks like a server side directory - looking at your dist directory there is no src

Seah Eng Chye

@Seahchye

@RogeMateos has a file called 'src', the code might be confused here

Roge

@RogeMateos

i also tried ../img/background_vinyl.jpg

Seah Eng Chye

@Seahchye

@sjames1958gm I set up the codes through FCC JSON lessons, but I dont get what is colorIndex

Bhoomi Khanderia

@bhoomikhanderia

Hello! How can I implement scroll triggered animation?

Ryan

@Ryan-ED

thanks @jtan3

CamperBot

@camperbot

ryan-ed sends brownie points to @jtan3 :sparkles: :thumbsup: :sparkles:

:cookie: 463 | @jtan3 |http://www.freecodecamp.com/jtan3

Stephen James

@sjames1958gm

@Seahchye colorIndex would replace your i in the for loop - a global index into your colors

alpox

@alpox

@Bhoomi-Github Lil bit of jquery :-)

Bhoomi Khanderia

@bhoomikhanderia

@alpox Hi! Yes I was googling it but did not find anyhting specific. I want an image to appear on scroll and settle with overshoot kind of animation

alpox

@alpox

@Bhoomi-Github Take a look at http://api.jquery.com/scroll/ :-) and https://api.jquery.com/scrollTop/

Renan Cunha

@sarkioja

Hey guys! Newbie here.
Just finish my first project (The tribute page). Could someone review ?
https://codepen.io/sarkioja/full/zPZoLY
Tks!

Pascal Clanget

@Gh05d

Hey folks, I get this error in my react application:

POST http://localhost:4000/graphql 500 (Internal Server Error)
HTTPFetchNetworkInterface.fetchFromRemoteEndpoint @ apollo.umd.js:520
(anonymous) @ apollo.umd.js:535

This is my networkInterface:

const networkInterface = createNetworkInterface({
  uri: "http://localhost:4000/graphql",
  opts: {
    credentials: "same-origin",
    mode: "no-cors" //remove this for production => Security!
  }
});

Did I declare something wrong? Without the anti cors option, I get an cross-server-error.

Pascal Clanget

@Gh05d

@sarkioja looks good. Add target="_blank" to the link so that they work properly when being clicked on

Renan Cunha

@sarkioja

@Gh05d Tks for the heads up! I forgot about that. Already update the code.

Shahe Imran

@imonboss

Hey Guys, I am new to this Group

Markus Kiili

@Masd925

@imonboss Hi.

Shahe Imran

@imonboss

Hi @Masd925

Ken Haduch

@khaduch

@imonboss - hey, welcome to freeCodeCamp (if you're new to the program) and welcome to HelpFrontEnd

Where communities thrive

People

Repo info

Activity