FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Razvan Jackson

@RazvanJackson

Is someone here a good designer?

Tom

@moT01

yes

dinesh

@1532j0004kg

Tom

@moT01

:leaves:

nsonhouse

@nsonhouse

Does any one have any ideas on how to update cells in a table ?

Fabien SHAN

@X140hu4

@nsonhouse Explain the context

nsonhouse

@nsonhouse

@X140hu4 Thanks Fabien. Im creating a timesheet application. Im using a button to pull the system time to record the time a person logs in and out for a shift. But I am not sure how to traverse the DOM to the fields in the table.

CamperBot

@camperbot

nsonhouse sends brownie points to @x140hu4 :sparkles: :thumbsup: :sparkles:

:cookie: 313 | @x140hu4 |http://www.freecodecamp.org/x140hu4

Fabien SHAN

@X140hu4

@nsonhouse I haven't much experience in DOM manipulation but can't you target the cell using an id?

nsonhouse

@nsonhouse

@X140hu4 I thought of that, but that requires an id for each cell. With 7 days and 4 times stamps, there must be a more efficient way.

Stephen James

@sjames1958gm

@nsonhouse You might try child selectors?

tr:nth-child(2) or some such?

nsonhouse

@nsonhouse

@sjames1958gm Thanks James. I am not familiar with this topic. Can you elaborate?

CamperBot

@camperbot

nsonhouse sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:

:star2: 8839 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm

Stephen James

@sjames1958gm

@nsonhouse https://www.w3schools.com/cssref/sel_nth-child.asp
This page talks about it but only from a CSS perspective.
I am sure there is a way in javascript. maybe using element.querySelector?

nsonhouse

@nsonhouse

@sjames1958gm Thanks James. This looks very helpful.

CamperBot

@camperbot

nsonhouse sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:

api offline

Jigal Sanders

@sandersjj

Hello Everyone. I am busy with the Twich.tv assignment and I am struggling with how to arrange the code. I have kind of something working. But I find It hard to arrange the code in a logical way

Kaz Baig

@kbaig

@sandersjj could take a look if you want

Jigal Sanders

@sandersjj

@kbaig please. But I don't want you to come with a solution and tell me here is the solution. I am looking for pointers

Kaz Baig

@kbaig

@sandersjj for sure, I'm partial to that method anyways

Jigal Sanders

@sandersjj

so this is my codepen https://codepen.io/dubbeltje/pen/OzpJZb

I would like to hit the api once. and then every action afterwards should happen on the result from the api

so for example when i search for a channel it should do the search on an existing list of results from the api and not first do an api request again

So I thought of have the result from the api in the global scope

and then use that global scope variable to do the filtering on

Kaz Baig

@kbaig

@sandersjj So you mean you'd rather make all the API calls when the page is loaded and then just use that info for filtering actions etc rather than make the calls again

Am I getting that right

Jigal Sanders

@sandersjj

Yep.

Kaz Baig

@kbaig

@sandersjj I'd follow a workflow like so:

Promise.all(channels.map(channel => $.getJSON(`${baseUrl}/channels/${channel}?callback=?`)
  .then(channelResult => $.getJSON(`${baseUrl}/streams/${channelResult.name}?callback=?`))
))
.then(results => {
  // treat this as a global scope that has access to your api results
});

Jigal Sanders

@sandersjj

@kbaig how should I read this? first map over the channels. Then over the streams and when you're done doing that. use the results in the promise

but this will do the api calls every time not only on page load

@kbaig have to run home now. Will catch you another time. Thanks in any case

CamperBot

@camperbot

sandersjj sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:

:cookie: 504 | @kbaig |http://www.freecodecamp.org/kbaig

Kaz Baig

@kbaig

@sandersjj I'm just restructuring the fetchChannels function you implemented in your pen, ie mapping over your array channels with API calls. Calling Promise.all on the resulting array to resolve, and then using the values throughout the other functionality in your project

Not sure why those calls would occur again after page load

Jigal Sanders

@sandersjj

ok. so this is a refactor.

will have a look at it

Kaz Baig

@kbaig

It's just reads more top down that way

Step-wise

Kuba

@axon7

Hello guys!

Kaz Baig

@kbaig

:wave:

Kuba

@axon7

Can someone help me? I just want newstr to be shown on this example site. How can I do this?
https://codepen.io/axxxon7/pen/EbENWj

Kaz Baig

@kbaig

@axon7 as you can see in the console: newstr is not defined

Kuba

@axon7

it's not in global scope right?

Kaz Baig

@kbaig

Simply calling your function isn't going to do anything, you need to assign it to a variable first

Where communities thrive

People

Repo info

Activity