FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Hussain Ruhollah

@Hussain-Ruhullah

can any one here help

dinesh

@1532j0004kg

https://codepen.io/dinesh007/pen/gXWEeK?editors=1001

@Ophellia try this

Ever Lord

@ev3rlord

@Ophellia Oh yeah but it still didn't solve your problem my bad

since screen sizes vary

BERTINI Nickolas

@BERTININickolas

i did it ! https://codepen.io/Ophe/pen/JOWQJW?editors=1111

i've nested my 0 button inside a div with class col-6 which take 50% of the width, and then modify the padding inside the div

Tiago Correia

@tiagocorreiaalmeida

try to avoid this type of things :D I did the same mistake back then

Iam@Leet_Programmer

@leet-hacks

hi everyone i just want to toggle many colors but it's only toggling one color and i dont know what wrong with my code
_

abraham anak agung

@padunk

@leet-hacks your code toggle between white and #c...

Iam@Leet_Programmer

@leet-hacks

yeah but i want it to toggle between the two colors

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:

Where communities thrive

People

Repo info

Activity