@yacobgugsa Nice!
I'm around if anyone needs help. My brownie rations are running low ;)
hey @thomas have you done the tic tac toe?
@RationalCoding
woops
can anyone help me with my tic tac toe? ive been soooo desperate for like 2 weeks now, i'm not sure how to progress
@JackEdwardLyons I've done it. What do you have so far?
a mess of code
its getting a bit out of hand tbh
the code in questions is this:
function markRandomTiles(that, AI, array) {
that.dataset.check = AI;
that.classList.remove("active-tile");
that.classList.add("inactive-tile");
//array.push(that);
array.push(that);
console.log("that", array.push(that));
}
else if (opponent === "AI") {
if (player_mark === "X") {
markTiles(this, "X", "O", player_mark_X, i);
let activeTiles = document.querySelectorAll(".active-tile");
alert(randomTile);
let randomTile = activeTiles[Math.floor(Math.random() * activeTiles.length)];
alert(randomTile);
markRandomTiles(randomTile, "O", player_mark_O)
// player_mark_O.push(randomTile);
// console.log(player_mark_O.push(randomTile));
player_mark = "X";
im trying to just create a random placement for the computer
before embarking on the minimax
so I thought I could just go through all active tiles and pick a random tile for the computer, and I push it into an array (see console.log) and I collect the placements to compare against the winner arrays
but it's not updating, its just being overridden on each click
ive literally been stuck at this spot for 2 weeks now, just about to tear all my hair out, and i know my code is sloppy, i really need to re do it all.. but i just want to achieve this one piece of simple functionality
@JackEdwardLyons It seems to work pretty well except for when the computer goes first. Let me take a look
yeah ive only setup for playing as X ahgainst the computer
Code's not a mess. Pretty structured actually!
HUMAN v HUMAN is ok
haha really?
ive got some refactoring to do wiht my markTiles() functions
but i just wanna get this one piece of functionality first
Why is the
else for that commented out? For when player_mark === "O"?
because i want to just get the basic functionality done first
so yuou have to play with X
for now...
Hey guys, can anyone provide some help with the intermediate algorithm challenge? Specifically the "Wherefore art thou" challenge
and then i will uncomment the O code
yeah I can @gonzalezi2
Oh you've disabled the player being O because it's not working. I see. Yeah, uncomment it so we can debug :)
well, i don't think it would make a diff for now, cause I just dont understand why my activeTiles and randomTiles aren't being pushed into the array
but yeha ill uncomment it
function whatIsInAName(collection, source) {
var arr = [];
//This is my first attempt. Solves half of all the challenges but unfortunately it is not the right one. Next I will try the filter method and hopefully I will get a better understanding of it
//My thought was I would use a for loop to iterate through each object in the collection array
for (var i = 0; i < 3; i++) {
//then I used a for...in loop to go through each key in source
for (var key in source) {
//and if there was a match between a key in source and a key in any of the 3 objects of the collection array, that object would get pushed to arr. Unfortunately, if this doesn't work if source has more than one property.
//You need collection[i][key] because collection is an array with nested objects
if (source[key] === collection[i][key]){
var total = arr.push(collection[i]);
}
}
}
// Only change code above this line
return arr;
}
whatIsInAName([{ "a": 1, "b": 2 }, { "a": 1 }, { "a": 1, "b": 2, "c": 2 }], { "a": 1, "b": 2 });
ok, so far so good @gonzalezi2
just one question... why is
i less than 3
@gonzalezi2
shouldn' it be the length of collection?
Because I noticed that collection only ever has 3 objects
but what about other collections?
in general, the algorithm needs to work on a randomized collection
Well I was just going off of the collections that the browser was checking against. I could easily change it to the length of collection
ok
ok @RationalCoding if you refresh my codepen
i uncommented out the code
I've changed it but still need to figure out a way to check against source with 2 properties. Would I need another if loop?
well, use the hint
Object.keys(source)
@gonzalezi2
its handy
something like
var sourceKey = Object.keys(source);
Yeah I had tried that in the beginning but couldn't make it work initially which is why I'm using for..in loop instead. I'll have to see how i can modify my code to use Object.keys
This message was deleted
This message was deleted
This message was deleted
This message was deleted
yeah
i just want to try a random mark for now
That's what I did for my project!
Never got around to minimax
yeah i just want random and then ill work on the minimax
instead of a loop @gonzalezi2 maybe something like filter is more understandable
collection.filter(function(itemInCollection)
Yeah I'm trying the filter method now. I'm just more comfortable with for loops so that's why I started there. But I'm doing both filter and keys now
@JackEdwardLyons To get the AI to lead, you should make it play as soon as the opponent is selected.
well ok
function player_and_opponent(el, selection, container) {
return el.forEach((item) => {
item.addEventListener("click", function() {
// set global variables (yes, i know this is sketchy :\ )
window[selection] = item.value;
fadeOut(container);
//If this was the opponent being selected, make the AI play
});
});
}
thanks @JackEdwardLyons I'll be back if I need more help
gonzalezi2 sends brownie points to @jackedwardlyons :sparkles: :thumbsup: :sparkles:
:cookie: 332 | @jackedwardlyons |http://www.freecodecamp.com/jackedwardlyons
why is that?
couldn't it work just fine if I go first?
just the same?
Well you don't go first if you choose "O" right?
I don't quite understand how you're handling those buttons. What's wrong with putting listeners on each one?
I don't quite understand how you're handling those buttons. What's wrong with putting listeners on each one?
i did initially
but i refactored it into a function
It seems to work, but it's a bit harder to read.
anyway, that doesn't solve the random tile function
yeah
i know sorry
my code is messy
when the computer places a mark, i need to update teh player_mark array
but it's just being overridden
and not updated
So
markRandomTiles(randomTile, "O", player_mark_O); doesn't actually change the player_mark_O array, even though you're pushing to it inside that function?
yeah
it just marks the number
but doesn't update for the next turn
in the console log
check player X
it gets updated
refresh the pen, i updated it
@RationalCoding then check the console when playing as X against the computer
@JackEdwardLyons This is really strange
I tried logging around where you actually push inside that function
console.log(array);
array.push(that);
console.log(array);And both logs are the same.
yeah
it's weird
but i dunno i feel like ive messed it all up anyway, i honestly feel as though I need to start from scratch again
thanks for the support @RationalCoding im going to head off and take a break
jackedwardlyons sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
Within that function, I tried this.
array = [];
console.log(array);And the array doesn't change
ive been stumped on this for over 2 weeks now
yeah
I'm inclined to thing this is some kind of bug with Codepen
i tried that
Try creating a fresh pen and copy-pasting everything over
hmm.. i dunno, that a big call haha
ok
Don't use the Babel compiler
do yuou think it has something to do with this code
let activeTiles = document.querySelectorAll(".active-tile"),
randomTile = activeTiles[Math.floor(Math.random() * activeTiles.length)];
is the querySelectorAll the problem?
No, that code is fine.
yeah ok
Maybe your uses of
let is causing this?
yeah maybe ill try a fresh pen without babel
tbh i have never used babel
i just wanted to try all the new ES 6 syntax
Aha! That's what is was
You're declaring everything with
let
really?
Which does a lot of weird things with scope. Honestly I never use it so I can't tell you why, but replacing with good ol'
var seems to fix that issue.
isn't let ok?
no way
haha
No clue. I don't use it.
thats so weird
I don't use
const either.
yeah i just thought thats what all the cool kids are doing
haha
I'm not saying you shouldn't use them, but definitely understand what they are doing before you risk it.,
but honestly
that doesn't fix it
i read up on const and let and have some idea
but thats not hindering my code i dont think
It lets me set the array.
i think it's to do with the randomised tiles
array = [];
console.log(array);
Before it didn't
really?
Yeah, I've never seen direct assignment fail like that before. But removing
let made it work
weird
There might be other issues, but that's just insane
ok lemme ttry
but now the array still isn't being updated with push
it weird cause the markTiles function with the array tehre works fine
but not this array, i think it has to do with the index within the ForEach loop
i do this in the markTiles function
array.push(index);
which is the index of the clicked tile
but i dont have an index for the random tile
but i do at the same time
that refers to the tile index in a way...
when i console.log(activeTIles) i get an empty array
So assignment is working now, but not push
yeah
This message was deleted
This message was deleted
This message was deleted
Facepalm
haha
Arrays are objects
XD
whats up you deleted your comment
Cuz it was wrong AF
Don't even waste braincells on my wrongness
haha
console.log(Array.isArray(array));
is true
haha i need a break
this is so f*ed im just running round in circles
console.log(array);
array[array.length]=that;
console.log(array);
It's like your array is immutable
I've never seen anything like this.
hahaha
oh man
I removed all of the ES6 code from your pen
And I just cannot assign to the items in that array
my only thought is that its just calling the function again and again but the data isn't persisting and i think its because of the randomTile variable
because it recognises randomTile and gives me a number, which is correct
but
console.log(array);
console.log(array.length);
So it has two items in it, but it's length is 0
idfk
What
var forceSet = array.slice(0);
delete array; //Doesn't work
array.push(that);
array = forceSet;
This message was deleted
This message was deleted
@JackEdwardLyons
FFS that doesn't work either
You can't even delete it.
Sorry man, I'll look at this tmmrw, but this is so strange.
Don't let it discourage you though, these things happen and it's pretty great when you figure them out :)
Would anyone here like to do some pair programming togther? Html/css/JS?
I would
@janepohorecka I
thanks man i appreciate the help @RationalCoding
jackedwardlyons sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:cookie: 266 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
on the offchance, did you fork my proj at all @RationalCoding i think i broke something and cant get it working again :(
Yeah hold on
Take a look at that function though, I think I messed around with it
Everything else should be the same, minus removing the consts and lets
Codepen needs version control!
does anybody know how to convert
[["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]] to [{ 'PENNY': 1.01},
{'NICKEL': 2.05},
{'DIME': 3.1},
{'QUARTER': 4.25},
{'ONE': 90},
{'FIVE': 55},
{'TEN': 20},
{'TWENTY': 60},
{'ONE HUNDRED': 100 }]
@c0d0er You can turn an array pair like
["a", "b"] into a key-value pair like {"a":"b"} like this:function arrayToObject(arrayPair){
var newObject = {}; //Make a new object. ie ["a", "b"]
newObject[arrayPair[0]] = arrayPair[1]; //Make a key-value pair. ie newObject["a"] = "b";
return newObject; //Return the object. ie {"a":"b"}
}
Might be better to set up your solution so you never have to convert though!
thanks!
@RationalCoding thanks
c0d0er sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:cookie: 270 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
hi all i have created tribute page can you plz check it
https://codepen.io/albertmillert/pen/BLxVgO
Can anyone please look at my code? I have no idea why getting JSON information doesn't work in my project...
Can anyone please look at my code? I have no idea why getting JSON information doesn't work in my project...
@albertmillert you forgot a dot there:
lat = (position.coords.latitude)toFixed(2);
lat = (position.coords.latitude).toFixed(2);
http://codepen.io/oshikurou/pen/amjvBd?editors=1012
so im curently working on the "SHOW THE LOCAL WEATHER" project and this is what i've done so far. Now i have to show the weather somehow.Can you help me on how im suppose to do that?
This message was deleted
@thodorisanta you need to pass the long and lat to the api-call
@Otto-AA how though
true. thanks guys. but i'm rather asking about JSON part
@thodorisanta put the second getJSON into a function and after inserting the location you can call that function with the data as parameter
@Otto-AA how about mine? Can you please take a look and check what's wrong with mine .getJSON?
@Otto-AA :/ sorry i dont follow
@thodorisanta Ok
1) [This one is just for clearness and therefore optional] Create a function getPosition() with the first getJSON in it.
2) Create a function showWeather(lat, long) with the second getJSON in it.
3) Put
4)
1) [This one is just for clearness and therefore optional] Create a function getPosition() with the first getJSON in it.
2) Create a function showWeather(lat, long) with the second getJSON in it.
3) Put
showWeather(dota.loc[0], dota.loc[1]); at the end of getPosition4)
$(document).ready(function() {getPosition();} ); // Call getPosition after document has finished loading
@thodorisanta OK?
@Otto-AA http://codepen.io/oshikurou/pen/amjvBd?editors=1111
ok, i did something but i dont know if im getting closer or further.
@thodorisanta Declaring a function works like this:
function myFunction(arg1, arg2,...) {code;}
// or
var myFunction = function(arg1, arg2, ...) {code;}
Hey guys. Can anyone please help me out? I have no idea why does my .getJSON function and stuff not be working at all...
https://codepen.io/albertmillert/pen/BLxVgO
https://codepen.io/albertmillert/pen/BLxVgO
@Otto-AA okay i changed that
@thodorisanta you're getting closer ;)
now put your declaration of your function outside the document.ready-stuff and the function call (
now put your declaration of your function outside the document.ready-stuff and the function call (
getPosition()) inside
@Otto-AA http://codepen.io/oshikurou/pen/amjvBd?editors=1111
okay now what? :P
@thodorisanta I found out that
dota.loc[0] is not the thing you want. Do you know what type dota.loc is?
@Otto-AA yeah its the object from the console that i need to call to get the lat and lon
loc: "40.9397,24.4019",
@thodorisanta well, dota is an object, but what type is dota.loc? (typeof if you need it)
@albertmillert when you have fixed up your lat and long - just remember that in chrome a https page (which yours is in) is not permitted to do a http look up (which the free open weather api is)
@Otto-AA @Otto-AA its a method right?
but how do i seperate the 2 parameters from
but how do i seperate the 2 parameters from
`loc (lat and lon)
@thodorisanta No :/ it is a string.
@thodorisanta So you gonna need
this works like
.splitthis works like
"any_string".split("_"); // -> ["any", "string"]
@Otto-AA http://codepen.io/oshikurou/pen/amjvBd?editors=1111
something like that?
@thodorisanta Yup :) (you can prepend
console.log('lat: ' + lat + " | long: " + long); to see how fine it works ^^ )
@thodorisanta You can remove the
showWeather() in your document.ready because it get called automatically by getPosition()
cant get vollkorn font family. please help
http://codepen.io/nirmalannu/pen/GjBzbW
http://codepen.io/nirmalannu/pen/GjBzbW
@Otto-AA @Otto-AA okay, but how am i suppose to actually show the weather?
@thodorisanta well, now you insert the lat and long into the url-string ("string"+var+"rest")
Hey guys. Can anyone please help me out? I have no idea why does my .getJSON function and stuff not be working at all...
https://codepen.io/albertmillert/pen/BLxVgO
https://codepen.io/albertmillert/pen/BLxVgO
@Otto-AA uhmm, what do you mean? i thought we already did that.
@thodorisanta the function showWeather now has lat and long as parameters, so it can make use of them. But you still need to make the url-string include them
cant get vollkorn font family. please help
http://codepen.io/nirmalannu/pen/GjBzbW
http://codepen.io/nirmalannu/pen/GjBzbW
@thodorisanta so something like $.getJSON("someurl...lat{"+lat+"andtherestoftheurl", ...)
@Otto-AA so the final url would be:
'api.openweathermap.org/data/2.5/weather?lat={"+lat+"}&lon={"+lon+"}"+570708ad4bd05b594cc91f17522bdc27'
?
'api.openweathermap.org/data/2.5/weather?lat={"+lat+"}&lon={"+lon+"}"+570708ad4bd05b594cc91f17522bdc27'
?
This message was deleted
@thodorisanta must have http:// at the front
@thodorisanta when you insert variables you need to close the string before. So if you start the string with
' you also need to close it with ' (instead of your "+lat+"...)
@annunirmal It's already working?
@Otto-AA yeha thank
annunirmal sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 308 | @otto-aa |http://www.freecodecamp.com/otto-aa
margin:auto not working. please help
http://codepen.io/nirmalannu/pen/GjBzbW
http://codepen.io/nirmalannu/pen/GjBzbW
@annunirmal use
text-align: center; for centering text
@Otto-AA oh right. thanks
annunirmal sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:warning: annunirmal already gave otto-aa points
@annunirmal =)
@Otto-AA i tried it and it didnt work. i guess i did it wrong...
@Otto-AA http://codepen.io/oshikurou/pen/amjvBd?editors=1012
what else should i change on js line 14?
@thodorisanta you need to include the variables in the url:
'api.openweathermap.org/data/2.5/weather?+lat={'+lat+'}&lon={'+long+'}+570708ad4bd05b594cc91f17522bdc27'
@thodorisanta forgto a + after long
@Otto-AA noticed.. but it still doesnt show the weather :/
@thodorisanta "invalid api-key" http://api.openweathermap.org/data/2.5/weather?+lat=48.1229&lon=14.8721+570708ad4bd05b594cc91f17522bdc27
@Otto-AA what should i do now? why is it even invalid
@thodorisanta 1) Take a look at that: http://openweathermap.org/appid
@thodorisanta ok, that should work as a url: http://api.openweathermap.org/data/2.5/weather?lat='+lat+'&lon='+long+'&APPID=570708ad4bd05b594cc91f17522bdc27
@thodorisanta all these are kinda confusing..
This message was deleted
gonna be away for some minutes now
@thodorisanta Good job :)
@Otto-AA thanks! but the screen shows
[object Object] as a weather :P why is that?
thodorisanta sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @otto-aa |http://www.freecodecamp.com/otto-aa
@thodorisanta because it's an object and it has info inside. You can check what it has in dev console. Then you'll know what info you have to access :)
This message was deleted
Hello guys! Do you think it is K to submit the codepen.io projects as Mozilla Thimble projects instead?
It being the same thing and all, just overall way better imo
would they accept them?
I am working on the first one, Tribute Page.
Would like to do it on Thimble.
This message was deleted
@kat-mag
how will i access this? something like:
Object{ weather: [Object{ description: "clear sky", icon: "01d" }],how will i access this? something like:
$("#weather").text(data.weather.description); ???
Good morning fellow campers can someone help me better understand the i.d attribute and it's usefulness? Exactly what does it do? And what is it uses for?
Object{ weather: [Object{ description: "clear sky", icon: "01d" }],how will i access this? something like:
$("#weather").text(data.weather.description); ???
@dongooden id attribute gives an element an id, then you can do things to that element by calling its id
@dongooden no elements should have the same id
@mariomeissner it should be fine as long as they can view the output of the code
@APRim05 Cool. Its basically the same so I think it should be fine. Just wanted some confirmation.
can somebody help me with making the backspace button work?
https://codepen.io/Deadpool37/pen/GjmVGV?editors=0010
https://codepen.io/Deadpool37/pen/GjmVGV?editors=0010
@APRim05 ok thanks for the clarification
dongooden sends brownie points to @aprim05 :sparkles: :thumbsup: :sparkles:
:cookie: 346 | @aprim05 |http://www.freecodecamp.com/aprim05
@thodorisanta weather is an Array and the first element of it (->[0]) is an object.
@Deadpool37 what exactly is the problem?
hi
@Otto-AA how to make the backspace space key work/
@Deadpool37 try array.prototype.pop()?
arr.pop();
$("#print").html(arr.join(""));But it's not perfect that it would bring several lines into only one. 🤔
@Deadpool37
thanks @loccyone
deadpool37 sends brownie points to @loccyone :sparkles: :thumbsup: :sparkles:
:cookie: 263 | @loccyone |http://www.freecodecamp.com/loccyone
so how bad am I? my first webpage
completely from scratch
any suggestions
@myweeklycode I like how you rounded the edges!
Maybe you could put the bullets inside a div container?
Finished my calculator http://codepen.io/hristijankiko/full/bwKgRz/
What do you guys think?
What do you guys think?
Hello All
I am looking to get some help with the http://codepen.io/recca004/full/GjBVoY/
Build a Random Quote Machine
I can not use a API can you help to get different quote to my machine
I need help!
https://thimbleprojects.org/mariomeissner/116332/
(hit remix to see the code)
font-size wont listen to me. I suppose it has something to do with bootstrap but I have no clue.https://thimbleprojects.org/mariomeissner/116332/
(hit remix to see the code)
@hristijankiko I wouldn't use the red color, it seems so aggressive. More like aqua or lightblue.
And maybe you should check for number/0
And maybe you should check for number/0
@jess-alexander how would I actually make sure that all the bullet points are aligned?
@Otto-AA It responds with infinity if i divide by 0 :D
@hristijankiko Oh, I thought that was the automatic js-response ^_^ (but isn't number/0 undefined in math?)
@recca004 If you dont want to use API for quotes then you can take few quotes from here https://gist.github.com/signed0/d70780518341e1396e11
@Otto-AA It is the automatic response xD but it seems good enough
@vinaypuppal ok
hey, I'm working on the weather app and I'm getting "net::ERR_CONNECTION_REFUSED" in the console when making $.getJSON request ? i verified that my appID key is correct and my adBlocker is disabled. Any ideas ?
@mariomeissner Hi, is the problem with
font-size or font-family as i see no rule for font-size in your CSS?? And you linked Proza+Libre font and using Open Sans in your CSS file
I do have
font-size in my css!
body {
font-family: "Proza Libre", sans-serif;
font-size: 1px;
}
@mariomeissner i hit remix button as you told but i see :point_up:
welp
@dyczol usually means your internet is off or sever is off
(as in turned off)
@vinaypuppal maybe this platform deletes unnecessary code
@twler do you mean that the connection is off ?
@vinaypuppal anyway in the screenshot you can see i got the
font-size to 1px and still nothing changes.
yes
@twler it's on, and browser is loading all sources - js file and jQuery. I'm on hyper dev, here's my link if you wanted to take a look ! :)
https://hyperdev.com/#!/project/fish-dart
https://hyperdev.com/#!/project/fish-dart
@dyczol I'm looking at it, can I send you something to check out in the meantime?
@mariomeissner yes thats because you need to be more specific like to target h3 inside
#main-text you need to do like below#main-text h3{
font-size: small;
}
@vinaypuppal Changing the whole body wont work?
@twler yes!
@vinaypuppal oooh this workd
@vinaypuppal so im using css wrong
@mariomeissner it works if its already not set by more specific rule
For Eg: below screen shot i set
For Eg: below screen shot i set
font-size: 1px of body it effected your ul
@dyczol not seeing anything obviously wrong. Which route are you trying, and is your server running?
@vinaypuppal the most specific one gets the final word
@vinaypuppal I see! thank you :)
mariomeissner sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 609 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
@mariomeissner and for
p tag inside blockquote did not work because bootstrap already defined a most specific rule
@vinaypuppal Right, so how would I change the ones that bootstrap is defining already
@dyczol you may need to put
app.use(static... after your other routes, but that shouldn't give a not connected error
so to alter that font-size you need to target as
.jumbotron p{
font-size: small;
}like above check in dev tools and override the rules as you require
ooh
This message was deleted
@vinaypuppal redifining a class like that would only change the aspects you are overriding, but the rest stays ountouched right? (as in, if it had more properties like centering or something, would they still stay defined?)
@vinaypuppal thanks
recca004 sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 610 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
@mariomeissner yes only the overridden rules will take effect, remaining bootstrap things remain same
@vinaypuppal I see!
Thank you a lot <3
Thank you a lot <3
mariomeissner sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:warning: mariomeissner already gave vinaypuppal points
how do you link an href to a portion on the same page. For example, if you have a one scroll page for a portfolio how to link the navbar so that you can click on one link and it scrolls you down to it?
@arminsuraj lets assume you have a div somewhere below in your page with id
portifoliolike <div id='portifolio'>some content....</div> so in navbar/navigation of your page add <a href='#portifolio'>Portifolio</a> and when click on this link it will scroll till #portifolio div
ohhh thanks @vinaypuppal
arminsuraj sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 611 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
hey everyone
please guys
how do i resize my image in html
you can set the height and width inside of the css for the image
@elioku27 or in html:
<img src="pic_mountain.jpg" alt="Mountain View" style="width:304px;height:228px;">
i use bootstrap css
how do i do it with bootstrap css
img-id {
height: 100px;width: 100px;
}
@elioku27 There isn't a special way to do it with bootstrap. See this exercise for starters: https://www.freecodecamp.com/challenges/size-your-images
Read about HTML images some more: http://www.w3schools.com/html/html_images.asp
Read about HTML images some more: http://www.w3schools.com/html/html_images.asp
And the Bootstrap Image Reference: http://getbootstrap.com/css/#images
Oh right I had a question myself for a small thing. I can't figure out how to get the apostrophes and quotation marks in my quotes to carry over into my twitter links properly for the quote machine project. I've tried messing around with regular expressions to try and target them and replace them with their HTML codes to see if that would work, but it didn't pan out.
@leapingmanx Do you have a codepen link?
@TylerMoeller Here it is. http://codepen.io/leapingmanx/pen/xEzZgY
@leapingmanx you can use buit-in
encodeURIComponent For eg: encodeURIComponent('https://vinaypuppal.com/c!;fj!') you will get output as "https%3A%2F%2Fvinaypuppal.com%2Fc!%3Bfj!"
Oh wow, my favorite game :) I'll take a look now
please how do i reduce the text size
Fair warning some of the quotes are from Fallout 3 lol
@leapingmanx Here's one way to fix it, and prevent getting the same quote twice in a row: http://codepen.io/TylerMoeller/pen/NRLKbd
For the random quote machine, is the idea to use an api to retrieve quotes or how can we go about obtaining a set of random quotes? Thanks!
@TylerMoeller That's a lot cleaner and more efficient o.o Thanks for the help!
leapingmanx sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 876 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@leapingmanx No problem, let me know if any of that code doesn't make sense.
@knaguilar I hand picked mine
@knaguilar You can use an API like https://quotesondesign.com/api-v4-0/ or pick few quotes from here https://gist.github.com/signed0/d70780518341e1396e11
or you can even use your own quotes
or you can even use your own quotes
Awesome! Thank you for your responses @vinaypuppal & @leapingmanx ! I wasn't sure what the best way to go about it was.
knaguilar sends brownie points to @vinaypuppal and @leapingmanx :sparkles: :thumbsup: :sparkles:
:cookie: 262 | @leapingmanx |http://www.freecodecamp.com/leapingmanx
:cookie: 612 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
@TylerMoeller It looks pretty straight forward to me, and I admit I completely forgot you could call a function inside of itself.
@knaguilar If you want to learn how to make AJAX requests use some quotes API else the remaining logic for showing quotes if you pull from API or use your own quotes is same .
@vinaypuppal yeah i think i want to get more practice with AJAX so I'm going to try using an api for this.
hey
hello world
welcome to FreeCodeCamp @SlimxaQ!
Someone can help me with my login form error?
http://codepen.io/mikail1998/pen/VKmwwE Ive done the coding part of this project now i need some help in html and css
first of all how will i make the elements be in the middle
@mikail1998 If you want to horizontally and vertically center Tic-Tac-Toe grid then do following
<div class= "flex-center col-md-4 col-md-offset-4">
<table>
<!-- Rest of your html -->.flex-center{
display: flex;
justify-content: center;
align-items: center;
}
now its more left :(
@vinaypuppal
@mikail1998 sorry you have different layout than what i thought, i see the difference when viewed on large screen.
its even a bigger problem on smaller screens(my html and css)
@vinaypuppal
@mikail1998 you may change offset to 4 and see like
col-md-offset-4 instead of col-md-offset-5
@vinaypuppal again not a solution
you told that you thought i worked on a different layout
im ready to change anything
just for it to be ok
@mikail1998 for my screens it looks centered
@vinaypuppal thank you anyway
mikail1998 sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 613 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
Ill try something else than
@vinaypuppal wow
it is really centered
see this pen for reference i fixed buttons width on small screen as well before they were large @mikail1998
@vinaypuppal Thanks soo much
mikail1998 sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:warning: mikail1998 already gave vinaypuppal points
now its all sorted out
@mikail1998 np :smile:
@vinaypuppal now i reealized that after i finish playing a round of game i cant change the element im playing with
i mean if its an X after game finishes i cant change back to O
@mikail1998 yeah i saw that, but i did not understand why you wrapped
rest of your logic inside this
rest of your logic inside this
$('#iks').on('click', function(){ event handler, this is causing that problem
@vinaypuppal so what should i do?
@mikail1998 sorry i was not able to find what's the actual problem , since you can understand your logic in better way , you can add
debugger; statement inside click handler of x and o buttons and manually check execution of each step, this way may be you can find the actual issue
@vinaypuppal ok, thanks for your help
mikail1998 sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:warning: mikail1998 already gave vinaypuppal points
My console.log just returns 'object'. How can I see the content of the object? Code:
$(document).ready(function(){
$.ajax({
url: "https://api.fantasydata.net/soccer/v2/JSON/Areas?",
beforeSend: function(xhrObj){
// Request headers
xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","758c2f5bca5944db8182597aff60f0d2");
},
type: "GET",
// Request body
})
.done(function(data) {
alert("success");
console.log(data);
})
.fail(function() {
alert("error");
});
});
@robertridley1988 You can stringify it to see as plain text:
console.log(JSON.stringify(data));
You can also use your browser's developer tools to expand the object and view each node one at a time.
@TylerMoeller thanks
robertridley1988 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 878 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Update on my Homeless game project (Work section does not work properly. You can work any job regarless of inventory):
http://utilitan.com/project1/index.html
http://codepen.io/amidzicigor/pen/LRBgdw
http://utilitan.com/project1/index.html
http://codepen.io/amidzicigor/pen/LRBgdw
hello! Im trying to make the navbar for my portfolio project, i could make it collapse but once i click en the collapse menu the options appears next to the navbar-brand instead of bellow the navbar
any suggestion?
This message was deleted
I am working on my tribute page. Stuck on images. I have my images stored in AWS S3. How do I retrieve the images and link? (I'm using CodePen if that makes a difference.)
@Robertboan22 It's hard to answer without knowing how you have it set up. Typically you set up apache or another web server and serve over HTTP. A simple way to do it without a vps is to upload your photos to https://postimage.org/ and get the URL from there.
@hernanfda Send us a link to your codepen - or try the sample code at: http://www.w3schools.com/bootstrap/bootstrap_navbar.asp
@TylerMoeller Thanks for your help Tyler
robertboan22 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 881 | @tylermoeller |http://www.freecodecamp.com/tylermoeller