@GilTorch try freelancing sites
E.g: Elance, toptal, 99designs, Upwork
thanks @mwissem ! but if there is some of them that you personally experienced and was satisfied with I'll be glad!
giltorch sends brownie points to @mwissem :sparkles: :thumbsup: :sparkles:
:cookie: 77 | @mwissem |http://www.freecodecamp.org/mwissem
Sorry but I didn't try them yet but from my research "Upwork" worth trying
ok @mwissem so I'll visit this one first
It's a meat market, ypu are a commodity on the site, get ready to get massively depressed. It might work if you keep at it but it's painful. Get good at writing proposals and talking yourself up. You won't make close to a living wage from it unless you're super duper lucky, but if you can get a few projects under your belt eventually, then you can mark all the months spent rooting for pennies on the site as you being a freelance dev, so it can look good on a CV - eg "I worked freelance for X years and here is the best work that came out of it" (probs never mention that the freelancing was all Upwork tho)
This comes from personal experience; I managed to get a few repeat clients and made a little bit of money, enough to cover some bills; it wiped me financially when I tried to only do that, but it led to first full time Dev job and actual real pay so swings and roundabouts
All those sites are objectively awful though
very interesting @DanCouper . Someone once told me that on Freelancer.com it can happen that you don't get paid so I'd like to know if it's really the case about some or all the freelance websites
Anyway I am currently unemployed and I'd like to make some money so I think I am gonna take a look at it.
It's not supposed to, there are some protections, but the way it's set up favours low bidders so it will kill you financially if you go for general design/web development stuff as Indian/etc teams will always undercut
It's definitely worth a go though
Hey guys, I am building a tribute page for Free Code Camp and ran into a problem I can't solve
Avoid the super low paying stuff, set your price at a sensible level, if possible have some specialization. As I say, get good at quickly writing proposals that sell you well cos you'll write a lot
Here is the link to my project: https://codepen.io/nunoserodio/pen/jYEQgY
So my portrait div isn't inheriting the border radius from its parent bio div
@DanCouper thanks buddy. I have some further questions. do you mind if I write you privately?
giltorch sends brownie points to @dancouper :sparkles: :thumbsup: :sparkles:
:cookie: 862 | @dancouper |http://www.freecodecamp.org/dancouper
Could anybody be of assistance, please?
Yup, defo. Might be a bit of a delay as it's late at my end and I need some sleep, but I'll get back to you as soon as I'm up @GilTorch
Alright by me
general question: why is <code> delete myDog["tails"];</code> more correct than <code> delete myDog.tails;</code> according to the compiler?
and nunoserodio whats your issue? I can try and take a look while I wait for an answer, though idk how much help i'll be
@nunoserodio is your issue the image size?
Thanks @lawlercoppter! I call the blue box thingy the "bio" and it should have a border-radius of 20px on the bottom right and left corners, but the bottom left corner (the one with the image) is squared and I don't know why this is happening...
nunoserodio sends brownie points to @lawlercoppter :sparkles: :thumbsup: :sparkles:
:cookie: 206 | @lawlercoppter |http://www.freecodecamp.org/lawlercoppter
Btw I was on what is now Upwork but I got banned after I didn't bother completing my final jobs after getting a full time design/front end developer job (one of the Upwork jobs was illustrations for erotic pottery, the other was a website for an escort agency and I just couldn't face even thinking about having stooped so low)
No the image size is fine, I even used flexbox to make the bio responsive to te relative width of the page, which I'm kind of proud of since I've just started out
@JacobStewart1 if you mean some assets (styles, js files), yes you can
@nunoserodio hmmm. its not responsive in my browser but whats causing my issue with display, could be causing the issue with your border.
My bad!
no problem dude! still looking over your code
@nunoserodio yeah there is something funky going on with the code you used to make it responsive. i tried it in firefox desktop, chrome desktop, and the android default browser and depending on which view i use im getting some funky stuff going on with your image. and I think because them image is getting cropped, its using sharp corners instead of the rounded where the image is getting cut off. i'm not familiar enough with flexbox (i'm pretty new as well) to troubleshoot that specific part of the code though =/ try using the bootstrap class on the image inconjunction with flexbox possibly? hopefully you can figure it out knowing where your issue is though!
@lawlercoppter I hadn't thought of using both but that sounds like a pretty good idea! I'll try and see what I can do. Thanks for the feedback!
api offline
nunoserodio sends brownie points to @lawlercoppter :sparkles: :thumbsup: :sparkles:
Hey could someone quickly look at my code for me :)
@Riddos
not if theres no code to look at
hehe
cant figure out the random spacing i have down the bottom underneath the about this page section
This is supposed to append a Tweet button to my quote machine that will automatically have the quote in the tweet box when the user clicks the button. However it's not showing up on my page
$(this).append("<a class='twitter-share-button' href='https://twitter.com/intent/tweet?text=" + urlFriendlyAuthorTemp.join("") + "%20said%20that" + urlFriendlyQuoteTemp.join("") + "'" + "data-size='large'>Tweet</a>");I feel that the issue lies in my use of quotation marks. Is there anything wrong with them? Thanks
and here's the full pen if you need to see the rest of the code https://codepen.io/daveb02/pen/wpyOwo
@Riddos what random spacing - im not sure i see it
@moT01 theres a grey spacing between the bottom of the about this page and footer box
@moT01 hmm weird
@Riddos must just be glitching cause i swear the code looks fine
firefox 57 for ubuntu
@moT01 im on chrome
try another browser
or maybe changing the window size
i can only make mine so big
@moT01 hmm i still get that gap
i guess i can slide the window off screen and make it big - that didnt do it
sounds like a margin
maybe
@moT01 ah well its only work in progress so for something so small ill move on
you can open the dev tools and see better whats there probly
@moT01 awesome thanks for your help i appreciate it :)
riddos sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 953 | @mot01 |http://www.freecodecamp.org/mot01
@DavidBelmares try single quotes in the .joins maybe
@Riddos Try
.About-this-page-box {
padding-bottom: 10px;
}
@ezioda004 boom wonderfull! thanks
riddos sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 365 | @ezioda004 |http://www.freecodecamp.org/ezioda004
@ezioda004 is that normal? or just a codepen kinda glitch
@ezioda004 is that normal? or just a codepen kinda glitch slash preset
hi everybody! I’m having an issue changing the text color of a bootstrap4 button. In codepen the changes work fine but running locally with VS Code the text color doesn’t change. anyone else experience this? I’ve tried Chrome and FF browsers……..
@Riddos Its not normal, but in inspect element it was empty. It was just a quick workaround :D
@codecampNick Is bootstrap link properly in your local page?
@ezioda004 too easy appreciate your help :)
@Riddos I think so. Intellisense works the buttons work fine. btn-primary ect all seem to work as expected
@DavidBelmares the code isn't making it down there - gets stuck before the loops
@ezioda004 sorry about that! mentioned the wrong person! anyway, looks like maybe it’s because I was creating the button in an “a” tag. using a plain old BS button I’m getting the expected behavior. Thank you for replying!
codecampnick sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 366 | @ezioda004 |http://www.freecodecamp.org/ezioda004
@codecampNick It happens, no worries.
Hello guys
Can anyone help me with the tweet button on the random quote machine challenge?
@GummyGod Codepen or something?
@ezioda004 https://codepen.io/GummyGod/pen/OzzYxy
idk what to pass to the "text"
for twitter
i tried making a variable out of the scope te
then saying like variable = *code where i change html with the data from the api
@GummyGod You almost got it, google
encodeURI().
@ezioda004 i tried that too..
can't figure the little fucker out
window.open("https://twitter.com/intent/tweet?text=" + '"' + encodeURIComponent($("#quote").text()) + + '"')
@ezioda004 thanks
gummygod sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 367 | @ezioda004 |http://www.freecodecamp.org/ezioda004
@GummyGod The above code basically converts the text and sends it to the given url, I think you can figure out how to get content that way too
so basically that function
sorry
that command
lets me turn the selector #quote,and it's text into the window
quote being my span id and .text obvious
Yeah that method converts them in the appropriate format
Thanks buddy :)
@ezioda004 thanks
gummygod sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
api offline
more brown points
Api offline hahaha
thanks @ezioda004
gummygod sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
api offline
lmao the api crashed
No problem, this part of the project is kinda hard to figure out, took me a lot of googling too
Hey i know I have been on here a lot with this weather project, but I could really use some help. I had everything working and bam now its all just a white screen when I tried messing with the scope of it all. any and all help would be appreciated. I am honestly fed up with this project and would like to just move on to the next one
@HTML-joe - I'm taking a look at your weather project. I was thinking that it was working fine, just because we have a lot of snow on the ground here, so the white screen was apropos... :) (Just kidding.) It seems that things are shifted off to the left, at least I'm seeing some dots on the left hand side? And some error in the Javascript...
@moT01 why is my code being stuck before the loops? here's my codepen if you need it again https://codepen.io/daveb02/pen/wpyOwo
@HTML-joe - it looks like you moved your code to acquire the latitude and longitude inside your
$.getJSON, but you have that variable at the top of the JS panel that is trying to generate the URI using lat and long, and I'm guessing that they are not available, perhaps not in scope... Or just confused. You have the call to navigator.geolocation up there at the top, but you have to synchronize with the return of the geolocation data before you can call the $.getJSON function (I was confused because I see two different declaractions of api and calls to navigator.geolocation.) Remember that the geolocation code is asynchronous!
@DavidBelmares - it looks like your quote machine is working? At least when I click the big box, I'm getting new quotes?
Hey
hello
How do I remove a gif on smaller screens ?
I am creating a video playing website
Where there are two gifs on both sides of the video
I would say to set up a media query that detects the small screen size, and define a CSS class that sets the image to
display:none;for that case, it would override the behavior for a wider screen.
Ok
@khaduch The quote is working but to complete the FCC project I must have a working button that opens up a new window, which will open up the Twitter compose tweet window, with the current quote already filled in
And I need to give each video a play button. But on clicking the button I want the user to create an account,and after he has created an account he can play the video. Any idea ?
@DavidBelmares - I guess I didn't understand your question... I see that you have some twitter code in there, I'll have to dig in a little further.
Alright, thanks
@khaduch
@DavidBelmares - it looks like you have at least one error on line 25 - you are using
randomQuote for the array name, but it's randomQuotes.
Aha, thanks for that @khaduch
davidbelmares sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3668 | @khaduch |http://www.freecodecamp.org/khaduch
@DavidBelmares - and you probably want to add
target="_blank" to your href for your twitter link.
What does that do
@khaduch you have any idea ?
@shubham1604 - I don't really know what you are trying to do there. I guess you would have to have some kind of javascript function that checked for the authorization of a user when they clicked the button and if they were not authorized (not logged in or no account) then you would direct them to do that. I don't really know how to do that, though, I haven't done anything like that.
well that solved it for me, thanks very much @khaduch
Okay
@DavidBelmares -
target="_blank" will open the twitter quote in a new window. It's necessary because on CodePen you cannot open a new page within the same window, because of the way the properties of the frame are set up (or something along those lines.)
alright
Hey everyone, I’m looking for some help with the Twitch TV API.
@adamayd - please post your question and we'll try to help
I made a function that successfully makes the xhr and returns JSON, but how do I do it for a list of users that doesn’t “overload” the API? Do I just map through the array of users calling the API in each iteration?
@adamayd - I think that that is what you have to do, unless they provide a method in the API for requesting multiple user's data in one shot? But most of the projects that I've looked at have used a
for loop or forEach method and made a series of calls, one per user.
^ You have to iterate through the array and call the API
That sucks, I was hoping for the ability to call multiple users at once. The actual TwitchTV API allows it, but the glitch.me Twitch TV doesn’t or at least doesn’t follow the format of the Twitch API
Thanks @khaduch and Thanks @ezioda004
adamayd sends brownie points to @khaduch and @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 368 | @ezioda004 |http://www.freecodecamp.org/ezioda004
:star2: 3669 | @khaduch |http://www.freecodecamp.org/khaduch
@DavidBelmares any luck?
Thanks for checking in, but yes I got it to work
was it getting stuck like a said or was i wrong there?
Both
Oh
I didn't read the message lol
It did have a typo
hello, anybody home? I just got hit.
hello
@khaduch I think i made the adjustments suggested but still no dice
what is that?
Any wordpress user here?
@coderAkmal
Any wordpress user here?
I need to hide a specific (sign up) page from logged in users. How do I do that
?
Any wordpress user here?
I need to hide a specific (sign up) page from logged in users. How do I do that
?
does anyone know how to disable focus ring only for mouse users ?
Anyone got idea how I could make website with changeable language with js/jquery?
with php it would be easier, but I don't want to use php
i was thinking about making divs with id's and to change content inside depending on language, but maybe there's a better way?
@sursider there are many libraries that helps you handle that:
usually referred as i18n
usually referred as i18n
@heroiczero thx
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2132 | @heroiczero |http://www.freecodecamp.org/heroiczero
There is a small space in between zero and decimal point
@Thayyebsalim when i test a calculator, a standard test i use is to use the
calculator to input the calculation
without any other digits trailing.
calculator to input the calculation
.1 + .2 = i expect the answer .3without any other digits trailing.
Hello! Please help! I'm coding a calculator. I added keypress event listener and so it`s possible to use numpad keyboard. But you can also click the buttons directly with the mouse. The problem is that when you ress a numpad key after that the button is not more visible pressable. Why does this happens?
https://codepen.io/Ivan041/pen/JMrBdX
https://codepen.io/Ivan041/pen/JMrBdX
@IvanKuzaev Your keypress handler adds the
border-style:outset which overrides the .button:active CSS because it is on the element.
@IvanKuzaev Try this in your setTimeout to remove the inset style
window[key]["style"]["border-style"] = "";
@sjames1958gm Could you help me out with this small space appearing between 0 and .(decimal) button?
https://codepen.io/Thayyeb_Itachi/pen/pWRqoM
https://codepen.io/Thayyeb_Itachi/pen/pWRqoM
@sjames1958gm O, it works! Thank you very much! If I understand it right, keypress hander "overwrites" the style attriute on the fly and "hides" the button:active pseudo class. By the statement window[key]["style"]["border-style"] = "" we make that pseudo cass again visible. How simple is it!
ivankuzaev sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8835 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
@IvanKuzaev Yes, I believe that is what is happening - styles on the element override styles on the class, and setting to "" makes it go away on the element.
@Thayyebsalim Let me look
@sjames1958gm Thank you
thayyebsalim sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8836 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
@Thayyebsalim I don't know, it might have to do with your ops class overflowing into that last row maybe move
But then again maybe not . . . I can't see where that space is coming from.
= with the row with 0 and . instead of in that columnBut then again maybe not . . . I can't see where that space is coming from.
hello guys how can i Implement this?
e.g., when I input this 100,000 and return this 100k on typescript?
n<1000 = As it is
100,000>n>1000 = 1k, 2k, 9.8k, 99.1k … etc
1,000,000,000 >n> 100,000 = 0.1 m, 40.4 m … etc
n> 1,000,000,000 = Error message (Beyond Scope)
Any help?
Thanks @sjames1958gm
thayyebsalim sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
api offline
Hello Everyone :)
I have just completed my first React Project - Markdown Previewer. Please do have a look ---> https://codepen.io/hemakshis/pen/Gyxjdd
All kinds of feedback, reviews are most welcome :)
I have just completed my first React Project - Markdown Previewer. Please do have a look ---> https://codepen.io/hemakshis/pen/Gyxjdd
All kinds of feedback, reviews are most welcome :)
Hi there! I am trying to create an overlay on the img so disply info of the each boxer... that's my tribute page.. code pen does not let my transition to work smoothly when i hover..https://codepen.io/Reycuban/pen/xpPrBq
Just need a little help?
@hemakshis amazing! great job :)
@reycuban Add another div. Your thumbnail div holds your image. Now for adding info add a div (maybe with class .info) which will initially be hidden and then on hover will show up with the transition. I hope that helps
@reycuban Thanks :)
:cookie: 157 | @reycuban |http://www.freecodecamp.org/reycuban
hemakshis sends brownie points to @reycuban :sparkles: :thumbsup: :sparkles:
@hemakshis i was just thinking about that! let's see how ti turns.. thank you.
reycuban sends brownie points to @hemakshis :sparkles: :thumbsup: :sparkles:
:cookie: 302 | @hemakshis |http://www.freecodecamp.org/hemakshis
@hemakshis :+1: you might consider converting some of the components to functional components
The ones that have no internal state - as practice.
The ones that have no internal state - as practice.
@sjames1958gm Thank you! Sure I will try that :)
hemakshis sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8838 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
@HTML-joe - good morning... I just took a look at your project (I was off the computer overnight, at least over night for me...) and it looks like some stuff is happening now? Sorry that I didn't get to comment further last night, my computer went bonkers on me... :point_up: January 10, 2018 12:25 AM You must have gotten something working.
@hemakshis - that markdown previewer looks really nice. One thing that doesn't seem to be working is the "inline-style link with title". I don't see the "title" for that. But I really like all of the example text and rendered output. Nice!
Morning! :wave::coffee:
:snowman:
Is someone here a good designer?
yes
hi
:leaves:
Does any one have any ideas on how to update cells in a table ?
@nsonhouse Explain the context
@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.
nsonhouse sends brownie points to @x140hu4 :sparkles: :thumbsup: :sparkles:
:cookie: 313 | @x140hu4 |http://www.freecodecamp.org/x140hu4
@nsonhouse I haven't much experience in DOM manipulation but can't you target the cell using an id?
@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.
@nsonhouse You might try child selectors?
tr:nth-child(2) or some such?
@sjames1958gm Thanks James. I am not familiar with this topic. Can you elaborate?
nsonhouse sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8839 | @sjames1958gm |http://www.freecodecamp.org/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?
This page talks about it but only from a CSS perspective.
I am sure there is a way in javascript. maybe using element.querySelector?
@sjames1958gm Thanks James. This looks very helpful.
nsonhouse sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
api offline
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
@sandersjj could take a look if you want
@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
@sandersjj for sure, I'm partial to that method anyways
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
@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
Yep.
@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
});
@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
sandersjj sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 504 | @kbaig |http://www.freecodecamp.org/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
ok. so this is a refactor.
will have a look at it
It's just reads more top down that way
Step-wise
Hello guys!
:wave:
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
https://codepen.io/axxxon7/pen/EbENWj
@axon7 as you can see in the console:
newstr is not defined
it's not in global scope right?
Simply calling your function isn't going to do anything, you need to assign it to a variable first
if you want, you could even call that variable
newstr, though it could be confusing
@kbaig Do you mean function expression?
@axon7
pairElement("GCG"); on its own isn't doing anyting
You need to assign the resulting value from it to a variable like so:
var str = pairElement("GCG");
And now you can use that value
@kbaig Thanks! It works
axon7 sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 505 | @kbaig |http://www.freecodecamp.org/kbaig
But why is it not in arrays?
Must be an interaction for when you assign a node's
textContent an array
If you want to display it as an array, you're going to have to make it a string that looks like one
i see, i fixed it :)
@kbaig last question:
@axon7 I usually use JSON.stringify when I see these kinds of issues.
strPtag.textContent = JSON.stringify(strcontent);
strPtag.textContent = JSON.stringify(strcontent);
when I edit in local file theres':
Uncaught TypeError: Cannot read property 'appendChild' of null
Uncaught TypeError: Cannot read property 'appendChild' of null
Oh I forgot you can call
JSON.stringify on arrays durr
the console it pointing to line "container.appendChild(strPtag);"
Not sure what to tell you besides there's probably a diff in your local file from the pen
it does not differ
<head>
<script src="testfile.js"></script>
</head>
<body>
<div id="container"></div>
</body>
</html>
finnaly, sorry ;p
function pairElement(str){
var newstr = [];
for(var i = 0; i < str.length; i++){
if (str.charAt(i) == "G"){
newstr.push('["G", "C"]');
} else if (str.charAt(i) == "C") {
newstr.push('["C", "G"]');
} else if (str.charAt(i) == "A") {
newstr.push('["A", "T"]');
} else if (str.charAt(i) == "T") {
newstr.push('["T", "A"]');
}
}
return newstr;
}
var strcontent = pairElement("GCG");
var container = document.querySelector("#container");
var strPtag = document.createElement("p");
strPtag.textContent = strcontent;
container.appendChild(strPtag);
any ideas why i have this error?
i've managed. the script tag should be on the bottom of the page
I'm working on Wiki viewer
I have the basic page structure nailed down, I'm just afraid to work the api into it.
show us what you got
``var pTag = document.querySelector( 'p' ); //variable to select the paragraph
pTag.addEventListener( 'click ', updateName ); //add event listener to the selected variable tag
pTag.addEventListener( 'click ', updateName ); //add event listener to the selected variable tag
``var pTag = document.querySelector( 'p' );
pTag.addEventListener( 'click ', updateName ); function updateName()
{
var name = prompt( "Enter a new name" );
pTag.textContent = "Player 1: " + name;
}
pTag.addEventListener( 'click ', updateName ); function updateName()
{
var name = prompt( "Enter a new name" );
pTag.textContent = "Player 1: " + name;
}
``var pTag = document.querySelector( 'p' );
pTag.addEventListener( 'click ', updateName ); function updateName()
{
var name = prompt( "Enter a new name" );
pTag.textContent = "Player 1: " + name;
}
can some tell me why the click event does not work?
@Kingwindie
updateName in pTag.addEventListener( 'click ', updateName ); needs to be called so that line should be pTag.addEventListener( 'click ', updateName ());
@ezioda004 right,so i did that earlier but instead it doesn't wait for the click event,it just automatically prompts when the page loads
@Kingwindie also this webpage did not call the function,it's where i'm learning it from https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript
@Kingwindie also this webpage did not call the function,it's where i'm learning it from https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript @ezioda004
@Kingwindie Ah that was my bad, your code works on jfiddle, check here https://jsfiddle.net/cvj3d27b/6/
@Thayyebsalim that space is the default browser behavior for inline or inline-block elements. Any whitespace in your html markup will be interpreted by the browser as a space between the elements (just the same as the space you get between words when you hit the space-bar). If there is no whitespace between the
0 and the . button elements in your html markup, then you won't get that space between the two buttons in the webpage (by default, button elements are display: inline-block). The other options are to use float-right on the . button, or use flexbox, or have a parent element with font-size: 0 (like you do for the buttons in the .clear div).
@ezioda004 thanks,it's really strange
kingwindie sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 369 | @ezioda004 |http://www.freecodecamp.org/ezioda004
@toianw Thank you very much
thayyebsalim sends brownie points to @toianw :sparkles: :thumbsup: :sparkles:
:cookie: 507 | @toianw |http://www.freecodecamp.org/toianw
render() {
console.log('rerender :)')
const areas = this.props.data
.map((d,i) =>
<Path
key={d.properties.NTS}
index={i}
d={this.calculate(d)}
data={d}
className={this.showNeighbours(i)}
clickHandler = {this.clickHandler}
/>)
return (
<svg width='800' height='600'
onClick={this.clear}
onWheel={this.wheel}
onMouseDown={this.startDrag}
onMouseMove={this.drag}
onMouseUp={this.endDrag} >
<g draggable="true" transform={"matrix(" + this.state.matrix + ")"} >
{areas}
</g>
</svg>
);
}
hey guys, im working on a svg map with zoom/pan. svg paths are calculated from topoJSON with d3 ( d={this.calculate(d)} ). It's not working smoothly on pan, what I believe is happening may be due to const with areas being in render function. Can I somehow move it outside?
(react)
//fixed -> moved areas to constructor
hi
what is javascript object
where i do the best practice of javascript
Hi
I have a question on class constructors. I have the following constructor that extends the array prototype/class. However, when I call constructor.name on it, it returns array, and I am unable to access my custom methods (e.g.
I have a question on class constructors. I have the following constructor that extends the array prototype/class. However, when I call constructor.name on it, it returns array, and I am unable to access my custom methods (e.g.
completedValues) on it. any thoughts on what I'm doing wrong?class ConstrainedSet extends Array {
constructor(initialValues) {
super()
this.type = '';
this.alias = '';
this.displayValues = Array(9).fill('').map((x,i) => i + 1);
Object.assign(this,initialValues)
}
get possibleCells() {
const cells = this.toArray;
return this.displayValues.map((x,i) => cells.filter(cell => cell.canBe[i]))
}
get toArray() {
return Array.from(this)
}
get completedValues() {
return this.toArray.map(c => c.value).filter(x => x !== null)
}
}
@simeydk You're saying
ConstrainedSet.namereturns "Array"?
@kbaig my real problem is I'm trying to use my custom methods, but getting "toArray is undefined" errors
@simeydk what if you turned
toArray into a regular method rather than a getter
let me try
but get is supposed to work, though
I think it should too
that's not it
i removed
toArray()'s 'get' prefix, and it still gives me a toArray is not a function error
It works fine if I run it in the Chrome console, or in node command line
but when I try it in my app it's bombing out
what language is that @simeydk
Javascript
kk
hmm yeah I don't see why it wouldn't work
@JuanMP429 Check out https://eloquentjavascript.net/06_object.html, it gives a pretty good overview of creating new classes
@kbaig Thanks anyway for the help. It's frustrating. I ran into the same problem before on a class that i extended from
Object, but got around it by removing the extends clause, since I didn't actually need any of Object's properties. but in this case I really want to have an array with additional properties, so it's a bummer that it doesn't work
simeydk sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 506 | @kbaig |http://www.freecodecamp.org/kbaig
alright ill check it out! do you know a website that teaches you this language or does freecodecamp has this to learn?
for free
@JuanMP429 fCC has a focus on JavaScript.
alright
because rigth now i am learning html
@JuanMP429 yes, as @kbaig says fCC has a lot of good intro to Javascript stuff.
but it wont let me get out of the html until i finished with it
Not much point to learning JS unless you know HTML
@JuanMP429 The typical order is to learn HTML, then CSS and then Javascript. HTML is how you put items on a page, CSS is how you customise their style/formatting/layout, and Javascript is how you add functionality to it (do somethign when a button is pressed, etc)
really? why is that?
@JuanMP429 w3schools, codeschool, codeacademy, tutorialspoint,
https://developer.mozilla.org/en-US/docs/Web , ... youtube videos ... and many more
https://developer.mozilla.org/en-US/docs/Web , ... youtube videos ... and many more
thank you all for this! i did not know what css, javaS was for, but now i do! thanks now i know that everything connects together so it can work correctly!
@JuanMP429 You can use Javascript in two main ways: to write command line apps (i.e. stuff that works in command prompt / terminal), or to manipulate a web page. Command line is of limited usefulness for many cases since 'normal people' (i.e. non-developers) don't use it. So the usefulness of javascript is to manipulate webpages. However, you need to know how the page was put together in the first place before you can use Javascript to change it
it's a pleasure
[JAVA] Hello guys every time I create a List I go this error: "remove type arguments" what I wrote is: List<String> list = new List<String>();
@DerMann97 Prob not going to have too much luck w/ Java here since it's front end
Maybe try back end?
@JuanMP429 I would have to disagree with @simeydk about the usesage of JS. it can be used in many way with NodeJS. The web was where it was born. command line is a very useful thing. Yes, ‘normal’ people may not use it as much as devs but they do use it. Command line was just around before GUIs and will be around forever because cli (command line interface) will be around forever also. nonetheless, JS can be and is being used everywhere. Its programming drones, making widgets do widgetty things, desktop apps, robotics, etc. Js can be just about everywhere, thus the JS Everywhere movement. JS is not mainly used for those to things. its better said that two things JS can program are the web and cli among other things. its up to you.
I agree with @VaseJS considering most servers that websites run on use CLI for all different types of data manipulation and installations, etc. The evidence you stated about things working, @simeydk , kind of invalidated your own point :P
And also
We're all developers here? lol
de·vel·op·er (dəˈveləpər)
noun
a person or thing that develops something.
:)
@DerMann97
List in Java is only an Interface. You cannot create an instance of an interface! You probably wanted: List<String> list = new ArrayList<String>();
@DerMann97 This works because you define the variable
list to hold any instance of a class which implements the interface List<String>
Which
ArrayList<String> does.
hi,
- I am using appdyanmics in my app for monitoring user activity.
- but the problem is it doesnt show how much time user has clicked the button.
- so using rxjs I have wrote a click event.
- this click event shows the mouse event and how to pass this mouse event in appdyanmics payload, so that I can generate a report usimg appdyanmics.
- providing my code changes below
appdyanmics Reference links:
https://docs.appdynamics.com/display/PRO42/Extend+the+JavaScript+Agent+for+Single+Page+Applications+%28SPAs%29+in+Browser+RUM
https://docs.appdynamics.com/display/PRO42/Single+Page+Applications+in+Browser+RUM+-+AngularJS
sample appdynamics angular app https://github.com/derrekyoung/appd-sampleapp-angular2
<script src="https://cdn.appdynamics.com/adrum/adrum-latest.js"></script>
app.component.ts
import { Component } from '@angular/core';
import {Subject} from 'rxjs/Subject';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'AppDynamics Sample App for Angular 2';
click = new Subject();
ngOnInit() {
this.click.subscribe(console.log);
}
}app.component.html
<h1>
{{title}}
</h1>
<header>
<div>
<!-- Navigation with router directives-->
<nav>
<a [routerLink]="['/']">Home</a>
<a [routerLink]="['/names']">Names</a>
<a [routerLink]="['/posts']">Posts</a>
<a [routerLink]="['/photos']">Photos</a>
</nav>
</div>
<div>
<!-- <button (click)="new Subject()" type="button">Click Me!</button> -->
<button (click)="click.next($event)">Click Me!</button>
</div>
</header>
<router-outlet></router-outlet>appdynamics request payload
{
"vr": "4.4.1.154",
"dt": "R",
"rg": "0",
"es": [{
"eg": "1",
"et": 2,
"eu": "0://1/2/",
"ts": 1515610064377,
"mg": "2",
"au": "0://3/",
"at": 3,
"pp": 3,
"mx": {
"PLC": 1,
"FBT": 48,
"DDT": 0,
"DPT": 4,
"PLT": 52,
"ARE": 0
},
"md": "GET",
"xs": 200,
"si": 18
}],
"ai": "d4e7ef50_b4f3_1dd7_5cdf_49a60ff5635d",
"gs": ["bbe438d0_0c94_63d9_2c22_700343b560b5", "cde9c933_e332_41ce_9333_5021c1502265", "4e6a7f03_4588_49e2_6c25_d8a3a1f3fe90"],
"up": ["http", "jsonplaceholder.typicode.com", "users", "localhost:4200"]
}