@texirv0203 - in this context, I would say that you need to make this "hash" as an object. Each key/value pair in the object will be a key consisting of one of the digit values in the string, and the value would be the number of times that it occurs in the number. So you would want to end up with an object, for your example digit string, that looks like this:

@texirv0203 - these are some basics about how to make an object that you need to use for this hash / number counter.

var myObj = {}; // initialize an empty objectvar anyNum = 8;
myObj[anyNum] = 1; // after this, the object should have an entry with a key of "8", value of "1"
myObj[anyNum]++; // after this, the object should have an entry with a key of "8", value of "2"
anyNum = 5;
myObj[anyNum] = 1; // after this, the object should still have the entry for "8" and a new entry with a key of "5", value of "1"
myObj[anyNum]++; // after this, the object should have an entry with a key of "5", value of "2"

if you take that code and experiment with it, for example in a browser devtools console, you can see what's happening. Or you can go to http://pythontutor.com/javascript.html and plug it in, and run it.

@texirv0203 - that's showing the basics of what you will eventually want to have coded to solve your problem - getting the individual values into a variable where you can use them to accumulate your data in the object.

In my CSS, the .navbar-brand img connects to my logo in the top left corner of my bootstrap navbar. Its off center in that corner. Does anyone know how to position the logo correctly? Let me know. Thanks

@edwin0258@edwin0258 I have one more question. Why isnt my .backgroundheader image fitting all the space. In other words, why is the full image of the picture not show up to cover the h1 and the button. Is there a solution?

@rodchsm - what might have been going on is that when you include the links for the CSS and JS code in the HTML panel is that CodePen will generate the HTML page and things will get loaded in the wrong order. For example, your custom CSS will get loaded in the <head> section, but then the HTML section will be inserted into the output HTML code and probably conflict with your custom settings. By putting the external CSS in the CSS config panel, things get loaded in the proper order. You might be able to see what is going on if you load your page as it is now, and do a "View Frame Source" for the output panel.

@rodchsm Only way I can think of is to remove background-attachment and add background-position with a value of center. But in order to cover the area you've specified it has to cut off some of the image.

@khaduch ok its my second time using codepen. Thats great information especially for the first question. However even in dreamweaver the CSS for the .backgroundheader is off. Do I need to use a background-size: contain; or something else to expand the image fully. I have been trying for an hour to fit that image.

@rodchsm - if you shrink the width of the browser window to ba as small as you can get it, you'll see that the picture in the background will resize to be more-or-less showing the full image. The main problem is that the proportions of the image and the area that you are trying to fill are way off.

Funny enough after reading it over enough I see where I became confused. that first <Div class= "row"> isn't a part of the <div class="col-xs-*>. As I read it , It's a box within a box within a smaller box?

@rdavidson3 - the other thing to do when posting code here in the chatroom is to use the Markdown format, which is, basically, putting a line with only three backticks on it ``` before and after your code block, and you can read the documentation on the freecodecamp forum: https://forum.freecodecamp.com/t/markdown-code-formatting/18391

Hi, guys. So I'm working on my Twitch.tv app for the front end course and the Twitch API needs an OAuth token. I don't think it's a good idea to have my OAuth token on full display in my CodePen. Is there any workaround?

I don't want to hardcode that JSON object either. That's just bad practice and it's hacky

Any help would be awesome

Please DM me so that I can find the message easily. I know this chat room gets extremely busy

@Grimmeu for the ​col-md-xx to work properly in BS you need a parent element with class row. I also recommend you to change the content to english. i'm sure you will find info in English about Alexander Nicolaevich on wikipedia

Hi all, I'm working on rewriting my portfolio milestone in React but I want to leave my other milestones as is and link to them in my app. I'm using create-react-app and I've got my other static HTML/CSS/JS files stored in a structure like e.g. src/portfolio/twitch/index.html. Does anybody know the best way to route to them? If I create a normal <a href="./portfolio/twitch/index.html"> then it just redirects me back to my React app. I looked into React Router but it seems to exclusively want to render a component, which my static HTML pages are not. Any advice on this would be much appreciated.

@JheeBz Hi, i never doing that before, but since React is made by component, why don't you link twitch component into your portfolio? you could use react-router Link and your twitch project as a component

@Grimmeu It looks like the example, nice work! Do you think you can make the same exact page WITHOUT bootstrap though? That's one way to test whether you understand HTML and CSS well enough before moving on to JavaScript.

Hey everyone, i've almost finished my jQuery calculator. Can someone explain me why the last three buttons don't align with the others ? I think there is some margin somewhere but i can't find it. https://codepen.io/Ophe/pen/JOWQJW?editors=1111

@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

@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

hi all any ideas on how to split multiple results from wikisearch into paragraphs in my html on the fly?. that is I want my html to know the amount of search result and then create that amount of paragraphs and then slot each results into their respective paragraphs in no particular order?

@tundeiness In the Ajax success code block — success: function (data) { ... } — you could create an array to hold the results of data.query.pagesand then use the length of that array to create a loop which creates the right number of paragraphs, each with one of the results.

"Create a view consisting of a list of battles. The list should be:-filterable by attacker and /or defender country;-searchable by country (eg. I search for italy, the list should display only battle with italy as defender or attacker)UI/UX bonus points!API: www.exampleee.com/en/etc

I have a json file and from what i understand i have to make some API calls ?

hello everyone...I'm working on my portfolio website and need some help.. the link is https://ingundela.github.io/portfolionew/ I want to change the color of the navigation menu from white to light grey but when I target the nav-item a it changes the all list and the spyscroll does not work.. please help.. all I want is just to change the color white and also have I hover it it changes to the yellow as #navbarNav .nav-link.active { color: #FDCD3B;}THANK YOU

@CodeDraken beat me in codefights :(

hello everyone...I'm working on my portfolio website and need some help.. the link is https://ingundela.github.io/portfolionew/ I want to change the color of the navigation menu from white to light grey but when I target the nav-item a it changes the all list and the spyscroll does not work.. please help.. all I want is just to change the color white and also have I hover it it changes to the yellow as #navbarNav .nav-link.active { color: #FDCD3B;}THANK YOU

@leanjunio Additionally, props are meant more to inform the component on how to behave, whereas state has to do more with, well, the state of the application, ie things are likely to change as the user interacts with them.

A basic example of how props would be used where state is not would be if you create a button component that could be any color. Maybe you pass the color as a prop when creating a form. Not a great example but hopefully you get the idea :+1: