get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
@ezioda004 Oh are you doing CS50? :)
hey guys, I'm running into an issue, I'm trying to recreate this dribbble 'https://dribbble.com/shots/4295147-Stepper' but I'm forgetting how to add classes based on the value of an innerhtml, here's my codepen 'https://codepen.io/WatchConnorCode/pen/MQRLYo?editors=1010'
@GingerChew First your count const has an innerHTML at the end.
Second, are you using jQuery or pure JS?
@GingerChew with pure JS you need to use the addEventListener method
const count = document.querySelector('.count')
[...]
minus.addEventListener('click', function() {
count.innerHTML = (count.innerHTML - 1);
});
okay, I knew I was missing something, if I added jquery( which I'm in no way against) how does it change?
@GingerChew I am not sure, I haven't used jQuery much
okay, I'll mess with it a little
thanks @X140hu4 for the help!
gingerchew sends brownie points to @x140hu4 :sparkles: :thumbsup: :sparkles:
:cookie: 342 | @x140hu4 |http://www.freecodecamp.org/x140hu4
@GingerChew http://api.jquery.com/on/
Maybe something like this:
$(".minus").on("click", function(){});
@lydatech cool, thanks for the info
darrenfj sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 2677 | @lydatech |http://www.freecodecamp.org/lydatech
@X140hu4 Yeah, finally, been procrastinating for a long time :D
latest on your mario? @ezioda004
@kelechy Havent worked on it after yesterday, plan to complete pset1 today
ok... just take a step at a time @ezioda004
That's the plan
@DarrenfJ Yo dude!
Hi guys, i need some help, i am writing a function, and i want it to return an object
like so ..
{uniques: 'aehlstx', duplicates: 2}
where
'aehlstx' and 2 are dynamically gotten
so my question is can i declare a placeholder like this?
const removeDuplicates = word => {
// declare unique string and no of duplicates
let unique = '';
let noDupl = 0;
// create an object literal
const removeDuplicate = {
uniques : ${unique},
duplicates : ${noDupl}
};
@sjames1958gm belated thanks city for the league confirmed
gishy1 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 9057 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
hello World!!
starting the random qoute project
how can i intergrate the js code into the qoute machine ?
@Frediflexta Yeah but you gotta put
`${unique}` b/w backticks
oh... so just backticks?
const removeDuplicates = word => {
// declare unique string and no of duplicates
let unique = '';
let noDupl = 0;
// create an object literal
const removeDuplicate = {
uniques : `${unique}`,
duplicates : `${noDupl}`
};
console.log(removeDuplicate);
}
removeDuplicates(); // {uniques: "", duplicates: "0"}
right! thank you! @ezioda004
:cookie: 494 | @ezioda004 |http://www.freecodecamp.org/ezioda004
frediflexta sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
@gishy1 You can run js at startup (code pen does that for you). Or you can attach js to controls like buttons and such
@gishy1 - you would have a click handler for a button that would be activated by a click (when properly implemented) that would fetch a new quote. You can also invoke that same function when the page is loaded to get and update the quote for the first time. But as @sjames1958gm points out, on codepen, the JavaScript code is run at startup, you implement the actions that you want.
@ezioda004 please, how do i turn
${noDupl} to an int
@Frediflexta why returning
noDupl as a string if it is already a number and you want a number
Number(`${noDupl}`)
@ezioda004 Yea, Thanks, that worked, but now i got a new bug
frediflexta sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
api offline
the values i get don't get plugged in
if you are sure it is the string is numeric ,
+string return a number
you can turn any number to string
number.toString()
Alright @AdelMahjoub, but
Number(`${noDupl}`) worked fine, thank you
frediflexta sends brownie points to @adelmahjoub :sparkles: :thumbsup: :sparkles:
:cookie: 664 | @adelmahjoub |http://www.freecodecamp.org/adelmahjoub
despite that
noDupl is initially a number, you are returning it as a string, to convert it back to a number. I don't see why
@Frediflexta The values dont get plugged in because template literal is used when you run the function
So, how do i sort that out?
What exactly are you trying to do?
cause that's the whole idea of using placeholders there.. i need to get the values dynamically
Then dont use
let unique = ''; let noDupl = 0;
Okay, then what?
const removeDuplicates = (word, unique, noDupl)=> {
// declare unique string and no of duplicates
// create an object literal
const removeDuplicate = {
uniques : `${unique}`,
duplicates : Number(`${noDupl}`)
};
console.log(removeDuplicate);
}
removeDuplicates("Word", "somethingUnique", 2);
convert it to JSON object and parse it again, meanwhile, because why not, lets convert everything and convert it back
ummm, so the specification is, the function takes just one parameter
(word)
@Frediflexta So once you use the template literal, you cant use it again. I guess you can just update the properties and values?
@AdelMahjoub what exactly am i converting to a JSON object
@AdelMahjoub so how excatly do i go about this please?
What exactly am i converting?
@Frediflexta what is your function supposed to do
@Manish-Giri manish! :wave:
miss yah buddy :D
@Ishtmeet-Singh brutha!
:D
@DarrenfJ :wave: same here same here :smile:
I think Ishtmeet got banned again today, lol
poor guy just can't catch a break
life has a way of getting in the middle of everything :/
true
@Manish-Giri The function should return an object literal containing a 'uniques' property, which should be the sorted input string but without any duplicates or special characters.
The returned object should also have a 'duplicates' propoerty which should represent the total number of duplicate characters dropped
The returned object should also have a 'duplicates' propoerty which should represent the total number of duplicate characters dropped
okay
what's your code so far?
const removeDuplicates = word => {
// declare unique string and no of duplicates
let unique = '';
let noDupl = 0;
// create an object literal
let removeDuplicate = {
uniques : `${unique}`,
duplicates : Number(`${noDupl}`)
};
// split and sort the word
word.split('').sort().join('').replace(/[^A-Za-z0-9]/g, '');
// loop through the word, deleting duplicates
for (let i = 0; i < word.length; i++)
{
// note the 1st length of the word
let startlen = word.length;
if (word.lastIndexOf(word[i]) == word.indexOf(word[i]))
{
unique += word[i];
}
// note the new length of the word
let currentlen = unique.length;
noDupl += (startlen) - (currentlen);
}
console.log(removeDuplicate);
return removeDuplicate;
}
Though i know it will still be buggy, just want to fix this 1st
okay, which part isn't working?
when i call the function, it prints this
{ uniques: '', duplicates: 0 } which means the my values are not updated
do you have an example test case?
Yea, if i call
removeDuplicates('th#elex_ash?') its suppose to return {uniques: 'aehlstx', duplicates: 2}
first thing you should note is that your
.replace() isn't working
I put in a console.log after
word.split('').sort().join('').replace(/[^A-Za-z0-9]/g, '');and I still get th#elex_ash?
okay.. i'll fix that
i think i'll use it when i am returning the object
@Frediflexta
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace
The replace() method returns a new string with some or all matches of a pattern replaced by a replacement
You need to save the return value of the replacement -
word.split('').sort().join('').replace(/[^A-Za-z0-9]/g, '');
something like
newword = word.split('').sort().join('').replace(/[^A-Za-z0-9]/g, ''); ?
yes
also, you can use the shortcut -
let replaced = word.replace(/[\W_]/g, '');[\W_] is equivalent to your current regex
Okay, noted!
i'm not sure it will account for
_ in a string
_ is removed, I just ran my code against your example
yea.. i just did too, but its not sorted in alphabetical order
just add a
.sort()
okay...
your output seems right
what was i missing apart from
replace()
I didn't run your for loop, there's another way to remove duplicates that I used
Okay
This is the sorting and replacement -
let replaced = [...word.replace(/[\W_]/g, '')].sort().join('');and this is the removing duplicates -
let uniques = new Set(replaced);
Okay... Wow
once you have these 2, you can just subtract the length of the 2nd from the 1st, that will give you the value for the
duplicates property
yes.. like i did right?
return {
uniques: [...uniques].join(''),
duplicates: replaced.length - uniques.size
}
yes
So this is how i return it?
yes, this returns an object, like your question asks
How about
let unique = '';
let noDupl = 0; do i undeclare it? or is it good?
you can use it if you plan to run your original code to see if it works after fixing the
.replace (which you should)
but you won't need those in my version
I see
Okay, let me put all these together here, would get back to you on how it went
cool
:+1:
@Manish-Giri 1st of Thanks alot for your input, really appreciated
frediflexta sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6813 | @manish-giri |http://www.freecodecamp.org/manish-giri
So, i am only getting one error now
My
duplicate isn't parsing
// split and sort the word
let replacedword = [...word.replace(/[\W_]/g,'')].sort().join('');
// note the initial length of the word
let startlen = replacedword.length;
// iterate and remove duplicates
unique = new Set(replacedword);
// note the new length of the word
let currentlen = unique.length;
return {
uniques: [...unique].join(''),
duplicates: startlen - currentlen
};
}
Alright, so i figured what i was doing wrong
All good now
@Frediflexta glad you got it working, good job!
Thank you...
:+1: