out of flour
From last one year not able to give time to finish the codepen assignment will do today.. proud to be part of such active initiative
If you and a friend work on a project together. Do we submit the same codepen and we both get credit?
How do I get buttons in the same row with an <h1>? https://codepen.io/mcmxl22/pen/ooMBbL?editors=1000
@mcmxl22 got it?
@NOrochena i believe you can do it like that, yes
@moT01 got what?
@mcmxl22 Can you explain your problem? we see the social buttons aligned and your h1 below
I want the h1 in the header with the buttons.
in the same row as the buttons.
At the moment the buttons and the title are in different div
you have to try putting it in your header
I tried putting it in the header but it doesn't line up with the buttons. I tried d-inline and d-inline-block and others.
You should read about the display property
Your h1 element is a block element.
I'm having a bug with the bottom few lines of code on challenges recently
It won't let me put my cursor to type past the first few characters on a line
@DavidBelmares I got around it by pressing Enter then backspacing. After that it will let you place the cursor correctly.
Thank you@X140hu4
Alright thanks
@X140hu4 Thank you!
mcmxl22 sends brownie points to @x140hu4 :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @x140hu4 |http://www.freecodecamp.org/x140hu4
@mcmxl22 you need something like:
.name {
font-size: 28px;
width: 100%;
text-align: right;
}
#well{
display: flex;
width: 100%;
}
@sorinr https://codepen.io/mcmxl22/pen/ooMBbL?editors=1100 I used <b>.
@mcmxl22 yes i've seen. but if you make the changes to your css like the above you will get the result you want.
@sorinr Thanks for the suggestions. I used text-align:center;.
mcmxl22 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1370 | @sorinr |http://www.freecodecamp.org/sorinr
Did web developers create their own scripts or they use others scripts , and add some modifications ,so it fits their needs ?
@mradil16 take a look at this js library. would you try to write one on your own or just use it along with your app specific functions?
can anyone help me with forEach loop ?
@Jabarlew whats up
Can anybody help me with Simon Game. I'm trying to check if the user input is the same as the computer but it seems to not work. Here is my code: https://codepen.io/Teo03/pen/yPvbwY
@Teo03 any luck?
i guessing it's in the usrClick function
instead of userClicks.push cant you test it against the array of the computers clicks
@moT01 I'am still trying but I think is in checkClicks
wouldnt you want to check it every time the user clicks
so if it's wrong you can stop the game or something
@moT01 ok, I will try
@moT01 still doesen't work
you do want to do that though right?
check on every click if it's the right button
function usrClick() {
if ($(this).is("#green")) {
userClicks.push(1);
audio[0].play();
checkClicks();
} else if ($(this).is("#red")) {
userClicks.push(2);
audio[1].play();
checkClicks();
} else if ($(this).is("#blue")) {
userClicks.push(3);
audio[2].play();
checkClicks();
} else if ($(this).is("#yellow")) {
userClicks.push(4);
audio[3].play();
checkClicks();
}
console.log(userClicks);
}
i think your check clicks function is more for checking if we reached the length of the computers array - which would start a new round
we need to check on every click if the click we made this turn == the one in the computer array for the same turn
@moT01 Thanks I will try to fix it I have to go now
teo03 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 915 | @mot01 |http://www.freecodecamp.org/mot01
Hi guys. Give me please good Vagrantfile for any vagrant box which you use.
What's vagrant?
Hlo
yes?
How can i bootstrap the content of my website
hi, I'm trying to reapply offset of elements, when their dimensions changed, its working when resizing window. Press + or - to change width of elements - http://jsfiddle.net/srfy5qs4/1/
@Boarworm I kinda don't think that anyone here uses Vagrant. But i guess it was worth a shot :D
@Datikzz Any question about it?
@Datikzz Why not just group those elements together so you don't have to use any resize event / javascript trickery to align the elements?
@1rjun add the bootstrap css
why the last console log gives me undefined? https://codepen.io/c-ciobanu/pen/KyBeGo
the var is not global in js?
last?
row 20
last in the code - but shows first in the log?
y
well, i suck at explaining what i think is happening
you declare your variable
make a request for the location
then code continues to execute to the bottom before the request for the location is returned
so when it logs on the bottom (right away) it's still undefined
then when you hit allow location - or something - it continues that function where it sets the new values
there is something that allows me to run the log after one functione executes completely?
is strange because the 2 logs inside the function run instantly
well, i dont know why it's not working for me right now
but you either need to nest the rest of you stuff in one of the functions
or use a callback function
using a callback is probly what you're supposed to do
thats what your showPosition function is for the getCurrentPosition
it executes after it gets the current position
@c-ciobanu see here an example
still can't log or use it outside the showPosition function
@c-ciobanu have you loaded my example above?
yes, but the variables are still not global
you declare them inside the function and use them inside
i wanr to be able to use the variables outside the function
you can use it outside the function, it just doesn't have a value yet
@c-ciobanu u don't need them to be global. why do u think will be useful to have them global?
if you want them to be global you can do something like this. https://codepen.io/bones211/pen/eejjpX?editors=1010
but @sorinr is right, they don't need to be global. you just have to put your code in the callback functions to be able to access them
because sometimes you need some global vars, and is strange that in this case is not working properly in i want to understand why
i think the geolocation creates it own object to store data in. idk though, maybe this can help https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation
@c-ciobanu just to make you understand whats happening in your js:
getLocation();
console.log(lat);so js encounters the function getLocation and calls it and then pass immediately to the next instruction that is console.log(lat) that ofc will display undifined because the getLocation didn't get back yet the response provided by your fallback "showPosition" that will update the lat var. change the global var lat = 0.00; and you will see that you will get console loged 0.00 and not undefined because you have this time instantiated the var with a default value. hope it makes sense
how can i make it finish the function before executing next istruction?
@c-ciobanu like here
@c-ciobanu the calls are asynchronous(the flow of app does not wait for a response to the call) and that's the best way coz you don't make a synchronous call ( a call that will freeze all your page until it gets a response. what if the call, for some reason, don't get a response?)
time limit is one option
is possible to make a call synchronous?
@c-ciobanu its absolute bad practice to freeze an app just to wait for a sync response. i will not give u any advice on that. i did it myself for testing but if you want it just google for yourself
@c-ciobanu Just never ever freeze a GUI application. Just don't ;-)
Thats not really possible in javascript anyway (Except you make some looping for some seconds - which cannot be timed right)
@c-ciobanu time limit its not a valid option because you can't guess how long will take to the server to send back the response
@c-ciobanu the idea is that: i make the call to the server and let the "callback" function to deal with the response when it receive it and pass the result to my other components that need data from that response
Is anyone familiar with the voting app project? I'm trying to get started with some of the basic functions of the site. I can't figure out how to submit form data and have res.send req.body.title display the title of the user input on the page. https://github.com/jordanleo7/voting-app and https://voting-app-jordan.glitch.me/
I'm trying to put pictures and borders on by grid but they don't show up. https://codepen.io/mcmxl22/pen/ooMBbL?editors=1100
Hi Micah, why not use the img element, instead of a button's background image?
@jordanleo7 Where would I put the
img element?
@mcmxl22
img element would go in the body
hey gang, trying to get an event listener for my simon off/on switch, and it's like it's firing twice? any reason why?
shouldn’t you be calling
switchCallback instead of callback?
@mcmxl22 Why are you using buttons? Are you trying to make 6 boxes for a portfolio project? I meant, if you use 6 images instead of buttons. I'm not sure what your project is yet
@jimtryon i got it, should have been useing mouseup event instead of the click event
@jordanleo7 I am working on the portfolio project. I got it working with
<div class="btn" id="one"><img src="#"></img></div>
@mcmxl22 I'm not sure but I think it may be more correct to use links with img instead of buttons with img for the purpose of your site