@DavidBelmares https://regexr.com/ you can use this to test out your regex
@jtan3 thanks
davidbelmares sends brownie points to @jtan3 :sparkles: :thumbsup: :sparkles:
:cookie: 466 | @jtan3 |http://www.freecodecamp.org/jtan3
Ugh, my regex is the way I want it but my code still doesn't pass
@DavidBelmares are you working on a fcc challenge?
yes
which one?
The palindrome challenge
@DavidBelmares your missing capital letters
your not checking for that
I got rid of uppercases in the previous line
you could use \W or this /\W/ or /[^A-Za-z0-9_]/
\W catches all alpha numeric characters
can i do /\^W?
you can use \W or this [^A-Za-z0-9_] they both do the same
must be something else with my code, no matter how the regex is, it won't pass
have you looked at the test strings that they're testing your function against?
yes
what does reverseStr look like when you console log it
well I can't really console log anything because it doesn't show in the output :(
your using split but I don't think your turning reverseStr into a string yet
yeah it wasn't working when i turned it back into a string
your also not checking if the string they're testing your palindrome with does not match
you need an if else statement in there
I used a single line return statement instead of an if statement
yep still no output when I make it into a string
and console log it
can you paste your code again
you can use back ticks like
this
three back ticks on top of first line three back ticks below last line of your code
I can't copy and paste an image :-)
oh
function palindrome(str) {
var strWithoutSpecial = str;
var strWSandLower = strWithoutSpecial.toLowerCase();
var toReplace = /[^A-Za-z0-9_]/g;
strWSandLower = strWSandLower.replace(toReplace, "");
strWSandLower = strWSandLower.split("");
var reverseStr = strWSandLower.reverse("");
reverseStr = reverseStr.join("");
console.log(reverseStr);
return reverseStr == strWSandLower;
}
palindrome("eye");
thanks
@DavidBelmares try running this in the console
function palindrome(str) {
var strWithoutSpecial = str;
var strWSandLower = strWithoutSpecial.toLowerCase();
var toReplace = /[^A-Za-z0-9_]/g;
strWSandLower = strWSandLower.replace(toReplace, "");
strWSandLower = strWSandLower.split("");
var reverseStr = strWSandLower.reverse("");
reverseStr = reverseStr.join("");
console.log(reverseStr);
console.log(strWSandLower);
// return reverseStr == strWSandLower;
}
undefined
palindrome("eye")
strings and arrays are not the same thing
so I dont you'll ever get true
nothing was output
use your browser's console
your developer tools
oh
i'm stupid
all your tests pass when its false but your function is always returning false because your testing a string against an array
oh i see now
I think you just need a join function on the strWSandLower
then uncomment your return statement
there's another thing wrong with your code
what is it
your comparing the same string
so now it's always true
hmm
I would go back and review your code a little more closely your extremely close but I think your variables are getting a little mixed up
yes
it may be easier to repeat the same steps up to using your regex for both strings but only reverse the new string and not the original string that's passed to the function
yeah i'm going to rewrite the entire thing now
I think you've misplaced one of your strings when your declaring your variables so your using two different variables but they both have the same string
@DavidBelmares let me know how it goes!
I will, thanks for all your help so far
use his @name and say thanks @DavidBelmares
mot01 sends brownie points to @name and @davidbelmares :sparkles: :thumbsup: :sparkles:
:cookie: 234 | @davidbelmares |http://www.freecodecamp.org/davidbelmares
api offline
gives cookies
@kkindorf thanks
davidbelmares sends brownie points to @kkindorf :sparkles: :thumbsup: :sparkles:
:cookie: 342 | @kkindorf |http://www.freecodecamp.org/kkindorf
yee
if you didnt already know
or brownie points
yeah i forgot
@kkindorf yay I coded my own working solution, thanks again for your help
davidbelmares sends brownie points to @kkindorf :sparkles: :thumbsup: :sparkles:
api offline
```function palindrome(str) {
var originalString = str; originalString = originalString.toLowerCase();
var reversedStr = str.split(""); reversedStr = reversedStr.reverse(); reversedStr = reversedStr.join(""); reversedStr = reversedStr.toLowerCase();
originalString = originalString.replace(/[^a-z0-9]/g, "");
reversedStr = reversedStr.replace(/[^a-z0-9]/g, "");
return originalString == reversedStr;
}
palindrome("eyeE$@");
```function palindrome(str) {
var originalString = str; originalString = originalString.toLowerCase();
var reversedStr = str.split(""); reversedStr = reversedStr.reverse(); reversedStr = reversedStr.join(""); reversedStr = reversedStr.toLowerCase();
originalString = originalString.replace(/[^a-z0-9]/g, "");
reversedStr = reversedStr.replace(/[^a-z0-9]/g, "");
return originalString == reversedStr;
}
palindrome("eyeE$@");```
oh well
@DavidBelmares - put the backticks on separate lines at the beginning and end. YOu can go and edit the post for a few minutes, but you might have missed the time window for that.
i tried that the first time but it sent the message instead of making a new line
function palindrome(str) {
var originalString = str; originalString = originalString.toLowerCase();
var reversedStr = str.split(""); reversedStr = reversedStr.reverse(); reversedStr = reversedStr.join(""); reversedStr = reversedStr.toLowerCase();
originalString = originalString.replace(/[^a-z0-9]/g, "");
reversedStr = reversedStr.replace(/[^a-z0-9]/g, "");
return originalString == reversedStr;
}
palindrome("eyeE$@");
@DavidBelmares instead of doing all that extra stuff, try to return a "true" or "false" depending on the condition
I probably could but that would be harder to read
@DavidBelmares use a ternary
4 == 2 ? expressionTrue : expressionFalse ;
@DavidBelmares you should be removing the extraneous characters before splitting and reversing. And just as well,
originalString = str; originalString = originalString.toLowerCase() is redundant, just do originalString = str.toLowerCase(), same goes for reversedStr, and besides that you don't need the originalString variable, just rename the variable that the function takes to originalString.
Also a major erroring you're making @DavidBelmares is that you're doing
reversedStr = str.split(""), because if you look above it you made originalStr lowercase whereas reversedStr will not be lowercase
I see where you're coming from as for the redundant code, but about the lowercase problem, I did make both lowercase
@DavidBelmares Oh, yeah my bad, it was just off to the side of the screen, had to scroll all the way so I missed it.
oh haha
@DavidBelmares nice well done. On to the next!
anyone know why the text size is unaffected after i change the CSS in this codepen?
it is under the class a in the css
the text aligns to the center but for some odd reason the size wont increase
@HTML-joe font-size not text-size
Hello. How can I start contributing to open source projects for fcc without taking the code challenges
more specifically, how can I skip the entry level tutorials?
@iAmShakil - if you go to the Map on the navbar, you can see all of the lessons / challenges and which ones are required and which are optional. You can just start at any point if you need to skip the early lessons and can do the required ones, then go for it!
hi is anyone interested in a project - full stack, please let me know.
we are looking for someone who is passionate about js/node/react/(sql and nosql)/dedicated
has done some good projects on the past/current
DM me
we are looking for someone who is passionate about js/node/react/(sql and nosql)/dedicated
has done some good projects on the past/current
DM me
code pair
minimum criteria : need to know javascript ,
level: intermediate to advanced.
level: intermediate to advanced.
can someone help me figure out how to center an image in a bootstrap "jumbotron" image? No matter what I do the image keeps veering right. I have added a class of "img-responsive" to the image itself, but it's still too large for the screen.
@cyoung045 you hv codepen link? or share your code here
@cyoung045 you use BS 4. img-responsive is for BS3
Is there a similar code for BS4?
use
img-fluid
ok, hang on
wow, that works
thanks
@cyoung045 if you don't know BS4 yet, use BS3. they have different naming
ha, will do.
any ideas how to insert a caption into that image?
you can use
<figcaption> element or just use simple text tag either p, h1, h2
ok
function ss（）{
this.draw＝function(){
...
}
this.move＝function（）{
this.draw();
...
}
direct this.move() is ok
but when i run
setinterval(this.move,20);
it told me this.draw() is not a function why
}
this.draw＝function(){
...
}
this.move＝function（）{
this.draw();
...
}
direct this.move() is ok
but when i run
setinterval(this.move,20);
it told me this.draw() is not a function why
}
@zzt1413 can you post complete source and error
@zzt1413 You pass
this.move into setInterval. It is not a method anymore, just a function. Therefore this points to the window, when it is executed.
oh this,draw … i was confused … @Masd925 is right
so i
@zzt1413 Something like
setInterval(this.move.bind(this),20); could work.
thanks i go to try
if you’re doing this within a class, you can also use fat arrow functions so it references the class instance
ok work it out
@heroiczero thx
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2118 | @heroiczero |http://www.freecodecamp.org/heroiczero
<button class="search-btn tab-btn" data-content="search-view" on-click="toggle">btn1</button>
<button class="customize-btn tab-btn" data-content="customize-view" on-click="toggle">btn2</button>
<div class="auto-complete-view" id="search-view"></div>
<div class="customize-view" id="customize-view"></div>
<script>
var tabBtn = this.shadowRoot.querySelectorAll('.tab-btn');
var customizeView = this.shadowRoot.getElementById('customize-view');
var searchView = this.shadowRoot.getElementById('search-view');
var closeBtn = this.shadowRoot.getElementById('closeBtn');
tabBtn.forEach(btn => {
btn.addEventListener('click', function(e){
if(e.target.dataset.content === 'search-view') {
this.classList.toggle('active');
searchView.style.display = "block";
customizeView.style.display = "none";
} else if (e.target.dataset.content === 'customize-view') {
this.classList.toggle('active');
customizeView.style.display = "block";
searchView.style.display = "none";
} else {
this.classList.removeClass('active');
}
});
closeBtn.addEventListener('click', function(e) {
tabBtn.classList.remove('active');
})
})
</script>
i am toggling active class, but i am not sure how do i remove active class when i click on other button and also when i click on close button it throws an error in console “Cannot read property ‘remove’ of undefined”
@Deepak2322 perhaps remove that class from all the buttons on a click
@Deepak2322 use element.classList.remove(‘classname’)
Look at versions you want to support here https://caniuse.com/#search=classlist
and then if you need to support legacy, you can use alternate syntax ….
@moT01 i also have to toggle
k
so remove that class on all the buttons - then do the toggle like you have it
or i was thinking making a lastClicked variable - and set it in the click function to the element
@Deepak2322 you can use element.classList.toggle(‘classname’)
but what element would it be for
element you’re trying to toggle …. not sure why that question?
cause he wants to remove the class from an element other than the one he clicked
as long he has a reference to that element, he can use those methods
so wheres the reference to the element
oh … i misread the question … it is more about how to get a reference to the element that was clicked!
Let me check
@Deepak2322 can you post a working codepen ?
yes
I started here but there are too many errors
specifically not sure what this.shadowRoot is
working on webcomponents
i am sorry there are too many things wired up using css , posting pen would take a lot of time, i basically want remove the active class on the previous button which has some border if its active.
you should be able to make a pen that just illustrates the problem
ok
:+1:
border is not removed on click of other button @theoutlander @moT01
i came up with something like that
@moT01 i also have to remove active class on toggle
hi.
so take out the if statement
so when you click one button, the other is reset ?
and change the add to toggle
or are they independent?
so i just want to toggle state of the same button
the other is reset - or the class is removed
wait - what are you trying to accomplish? maybe i am misunderstanding
simply adding this.classList.toggle('active’) in your callback will toggle the same button
if you want to toggle both, you need to track them in an arr
i resaved - is that more like it?
this will toggle both https://codepen.io/theoutlander/pen/ppRmQN?editors=0011
play with it … i’m confused about the use case
should i add an id to the button ?
to get reference
has anyone had issues doing boolean comparison with date objects? Anyone have a good tutorial?
thanks @moT01 @theoutlander
deepak2322 sends brownie points to @mot01 and @theoutlander :sparkles: :thumbsup: :sparkles:
api offline
:cookie: 943 | @mot01 |http://www.freecodecamp.org/mot01
Hey guys
I am using a tweet button
and I need to dnamically cahnge contents of my tweet
how do i do that?
The conventional method of getelementbyid doesnt work with the tweet button due to some reason (I know the reason)
dynamically change*
hello folks, For some reason, all my api calls are having CORS errors. I just can't wrap my head around it. Help greatly needed
@kodinglife ou cant make cross domain calls for securit reasons
You*
@kodinglife that happens. I had the same issue. let me grab my resource that fixed it. brb
@kodinglife "Chrome my block continued non-https request to your browser so your code may work one day and not a week later.
By adding https://cors-anywhere.herokuapp.com, it solve the issue.
Everyone should try it.
"
@kodinglife you add the entire line to the url. but you can also go to the site for more info. it fixed my issues
@cjrutherford - what are you trying to do with Date objects? Sometimes working with date/time info is tricky...
I'm seeing that @khaduch got it working though. I was trying to filter objects from my array by date.....
@cjrutherford - I would convert the date to the millisecond value and use that to do filtering, I think...
yeah.... I did this:
.map(x => x.filter(r => {
let dbTime = new Date(r.createdAt);
let lastThirty = Date.now() - 30*24*60*60*1000;
console.log(`Created At ${r.createdAt}, dbtime: ${dbTime.getTime()}`);
console.log(`Last Thirty ${lastThirty}`);
console.log(`Now: ${Date.now()}`);
console.log(dbTime.getTime() > lastThirty);
return dbTime.getTime() >= lastThirty;
guys can u please check whether this code right or wrong for posting and retreiving data ?
thsi is showing error thats y i am asking!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>maxi</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<input id="search1" placeholder="enter playername">
<input id="search2" placeholder="enter playerscore">
<button class="btn-primary">click</button>
<div class="well"></div>
</body>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({
type : "POST",
url : "http://localhost:4000/api/ninjas",
data :{
"name" : $("#search1").val(),
"rank" : $("#search2").val()
},
success : function(data){
console.log(data);
},
error : function(err){
console.log('error' ,err);
}
});
});
});
</script>
</html>
still i gave the input using
input tag , the server is not accepting those data's y?
is there any error in posting data ?
onething when i posting data using
postman its working properly !
what is the error
on the client side console
yes, i cant able to post data .
no response from server?
you need to give me more than that to help u
otherwise, everything looks okay
i would check the values been sent to the server
ok i will give more info!
i think my ajax post posting in client side is wrong.
because when i posting the data using postman its working !!!
this is the real problem
@theoutlander did u get my problem?
I don’t use jquery so not sure … look at their docs
look at the debugger
See what is being sent
ok
if you post codepen’s then you might get better help
actually nothing is sent!
there you go ;)
but i am using by local host.
hope , somebody can help me!
you could always setup a mock server
access another api
lots of options
whats this actually?
you can mock your server side
don’t use it if you don’t know what it is
learn your basics …. i would do it without query as well
ok
wait a moment
can you use an arrow functon within an arrow function
fat arrow function, I mean
and Jesus is Lord
Yes
It’s the same concept as function within function.
Hi ) I need help )) I have this function ) how i can get sum
function sum(f,s, operator){
return f operator s
}
summ(1,2,'+')
function sum(f,s, operator){
return f operator s
}
summ(1,2,'+')
@Smefinka you could create a string and use eval()
eval(f + operator + s);
@sjames1958gm okay )) now try this variant ) thanks! )
smefinka sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8804 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
@Smefinka :+1:
@sjames1958gm yes, it is work )) wohoo :clap:
:)
function findLongestWord(str) {
var strLetters = str.split(""); // stores each individual character of the input
var strWords = []; // stores each word of input string in separate indexes
var strCurrentWord = []; // temporary storage for the letters of each word before it's joined to make currentWord
var currentWord = ""; // temporary storage for each word before it's added to strWords
for (i=0; i < strLetters.length; i++){ // loops through letters of input string
if (strLetters[i] != " ") { // if the current character of the input string...
strCurrentWord.push(strLetters[i]); // ...is not a whitespace then push it to the temporary letters array
} else { // ...is a whitespace then we know we're at the end of the current word.
strCurrentWord.pop(); // pop the whitespace (last value) out of the array
currentWord = strCurrentWord.join(""); // combine the letters of the temporary array into the temporary string var
strWords.push(currentWord); // add the value of the temporary string var to the final array of words of the string
console.log(strCurrentWord); // for debugging
currentWord = ""; // clear temporary variable
strCurrentWord = []; // same as above line
}
i++; //this extra increment skips over the whitespace to prevent infinite looping
}
var lengthOfLongestWord; // self explanatory
for (i = 0; i < strWords.length; i++) { // loops through array containing extracted words from input string
if (strWords[i].length > lengthOfLongestWord){ // if the length of the current word is greater than the previous longest word
lengthOfLongestWord = strWords[i].length; // update that record to reflect it
}
}
return lengthOfLongestWord; // return length of longest word
}
findLongestWord("The quick brown fox jumped over the lazy dog");
It's supposed to find the longest word in an input string
and yes it is an FCC challenge
Hmm, I believe we did something similiar to this but with numbers using Arrays. However what ended up happening is that the IDE either crashed or it slowed down to a crawl :)
You might not want to include your comments inside of brackets. Try adding them in a line above your code @DavidBelmares
I see in the first else statement there's some comments inside of the opening bracket :)
Yes, but doesn't the browser ignore comments?
It does, but sometimes It will not work if the comments are inside of brackets. I've done this a couple times myself :)
Try moving them above the code
function findLongestWord(str) {
var strLetters = str.split(""); // stores each individual character of the input
var strWords = []; // stores each word of input string in separate indexes
var strCurrentWord = []; // temporary storage for the letters of each word before it's joined to make currentWord
var currentWord = ""; // temporary storage for each word before it's added to strWords
// loops through letters of input string
for (i=0; i < strLetters.length; i++){
// if the current character of the input string...
if (strLetters[i] != " ") {
strCurrentWord.push(strLetters[i]); // ...is not a whitespace then push it to the temporary letters array
// ...is a whitespace then we know we're at the end of the current word.
} else {
strCurrentWord.pop(); // pop the whitespace (last value) out of the array
currentWord = strCurrentWord.join(""); // combine the letters of the temporary array into the temporary string var
strWords.push(currentWord); // add the value of the temporary string var to the final array of words of the string
console.log(strCurrentWord); // for debugging
currentWord = ""; // clear temporary variable
strCurrentWord = []; // same as above line
}
i++; //this extra increment skips over the whitespace to prevent infinite looping
}
var lengthOfLongestWord; // self explanatory
// loops through array containing extracted words from input string
for (i = 0; i < strWords.length; i++) {
// if the length of the current word is greater than the previous longest word
if (strWords[i].length > lengthOfLongestWord){
lengthOfLongestWord = strWords[i].length; // update that record to reflect it
}
}
return lengthOfLongestWord; // return length of longest word
}
findLongestWord("The quick brown fox jumped over the lazy dog");
You are using JS, yes?
yes
Okay
hello guys, I am having an issue with JavaScrip looping code
@abosalah2 is it for a while or do statement?
my loop get infinite, can anyone take a look on my code
yes it is while
my machine is somewhat slow today, doing a scan :)
If I don't respond the machine might have locked up
my code working fine but as soon as I put it inside the loop things get messy
shall I post it here?
Yes
while (comScore < 5 && playScore < 5){
const keys = document.querySelector('#keys');
keys.addEventListener('click', function(e) {
const rock = e.target.className
if(e.target.className == 'rock' && pick == "scissors" || e.target.className == 'scissors' && pick == "paper" || e.target.className == 'paper' &&pick == "rock") {
document.getElementById("choice").innerHTML = "Alright you won!";
playScore++
document.getElementById("scorePlayer").innerHTML = playScore;
} else if(e.target.className == 'rock' && pick == "paper" || e.target.className == 'paper' && pick == "scissors" || e.target.className == 'scissors' &&pick == "rock") {
document.getElementById("choice").innerHTML = "You have lost! Computer choice was: " + pick;
comScore++
document.getElementById("scoreCom").innerHTML = comScore;
} else if(e.target.className == pick) {
document.getElementById("choice").innerHTML = "You are tie!";
}
})
}
@DavidBelmares Do you have the html part as well? :)
no, it's a javascript algorithm challenge
@DavidBelmares - an easier way to approach this, since you are looking for the longest word, would be to split the string using spaces, and get the words as separate elements in the array, and then use
.length of each word to get the length. Then just find the longest one? Your approach could work but you are working too hard, I think...
@DavidBelmares - I would hazard a guess that where you are popping the last letter out of the array, thinking that it was a space, it looks like you didn't
.push that letter into the array for your word - if you're just ending up being off by a digit in the length, that could be it? And if you're ending up being off by more, your i++ at the end is causing it to skip every other letter.
@DavidBelmares - if you want to try a nice tool, take your code and plug it into http://pythontutor.com/javascript.html and step through it. It could be very interesting for you to observe the code execution.
@DavidBelmares - one last thing - initializing the
var lengthOfLongestWord; will also help tremendously. You are trying to compare something to it, and if it is undefined, you will not get a good comparison.
Hello, I am working on the last of a series of assignments. This time it's the twich api assignment. However everytime I get the famous CORS error. I am using this linkhttps://wind-bow.glitch.me/twitch-api/channels/freecodecamp and the native fetch api. How Can I get around the CORS error?
@sandersjj try this https://cors-anywhere.herokuapp.com/
how can i fix my site to not be choppy or jumpy when i scroll? https://codepen.io/bestintown23/pen/gogmVB
try in internet explorer
anyone familiar with flexbox? I'm trying to hack together a table out of flexbox, because standard tables weren't cutting it.
@GitHub-Henry that gives me empty responses as you can see https://codepen.io/dubbeltje/full/OzpJZb/
@bestintown23 its smooth for me - perhaps your computer cant keep up
@cjrutherford what is it you want to make
@khaduch thanks, initializing the variable did something but it still won't work. I also tried removing the .pop and extra i++ separately, to no avail. when I removed both, all but one checkbox turned green. So i'm onto something
davidbelmares sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3628 | @khaduch |http://www.freecodecamp.org/khaduch
@cjrutherford try this little tutorial: http://flexboxfroggy.com/
or you could also look into the css grid: http://cssgridgarden.com/
or you could also look into the css grid: http://cssgridgarden.com/
@DavidBelmares - great, it looks like you have something that is close... which case isn't working?
I'm actually trying to duplicate a standard table in flexbox, mainly because my app is in angular and the table would be split across several components. and Thanks @gothamknight I'll def check those out, and if you're in the city, I'd be glad to buy you a beer for your trouble. I'm in WaHi
cjrutherford sends brownie points to @gothamknight :sparkles: :thumbsup: :sparkles:
:cookie: 471 | @gothamknight |http://www.freecodecamp.org/gothamknight
@moT01 try it in internet explorer
@sandersjj what happens when you put your url in the browser, do you still get a CORS error?
why dont you try it in chrome or firefox @bestintown23
sorry i dont have that
@DavidBelmares - I see, it's the last test. Looks like it should be finding the last word for that one, so I'm going to guess that you are not handling the last word properly - probably not pushing it on the list of words.
yeah
let's see here
@cjrutherford no worries. Haha, I dont live in the US. Thanks for the offer though
gothamknight sends brownie points to @cjrutherford :sparkles: :thumbsup: :sparkles:
:cookie: 326 | @cjrutherford |http://www.freecodecamp.org/cjrutherford
@GitHub-Henry nope
@moT01 i know it works in those browsers. i was just trying to find out why it was not working in internet explorer
@sandersjj you are one step closer, past the CORS error
?
@bestintown23 sounds like something you are using isnt supported ie
what version of ie do you have
@DavidBelmares - you are relying on finding another character to put the word into the array of words, like a space character, which probably isn't going to be there. You have to handle that last word in a different way.
@GitHub-Henry I foundout now that when I use $.getJSON of jQuery I don't get the CORS headers issue
@cjrutherford im not sure flex would be necessary if you're just trying to duplicate a table - do you have a pen by chance ? maybe i could take a look.
@sandersjj :+1: good job
@moT01 11
try not using <figure>
@GitHub-Henry thanksfor your help
@sandersjj np, good luck on your project
@khaduch I'm getting close to the solution, a debugging run in Developer Tools shows that the last word isn't being added to the array of words
function findLongestWord(str) {
var strLetters = str.split(""); // stores each individual character of the input
var strWords = []; // stores each word of input string in separate indexes
var strCurrentWord = []; // temporary storage for the letters of each word before it's joined to make currentWord
var currentWord = ""; // temporary storage for each word before it's added to strWords
var i = 0;
// loops through letters of input string
for (i=0; i < strLetters.length; i++){
// if the current character of the input string...
if (strLetters[i] != " ") {
strCurrentWord.push(strLetters[i]); // ...is not a whitespace then push it to the temporary letters array
// ...is a whitespace then we know we're at the end of the current word.
} else if (strLetters[i] == " ") {
currentWord = strCurrentWord.join(""); // combine the letters of the temporary array into the temporary string var
strWords.push(currentWord); // add the value of the temporary string var to the final array of words of the string
console.log(currentWord + "XDD"); // for debugging
currentWord = ""; // clear temporary variable
strCurrentWord = []; // same as above line
}
}
var lengthOfLongestWord = 1; // self explanatory
// loops through array containing extracted words from input string
for (i = 0; i < strWords.length; i++) {
// if the length of the current word is greater than the previous longest word
if (strWords[i].length > lengthOfLongestWord){
lengthOfLongestWord = strWords[i].length; // update that record to reflect it
}
}
return lengthOfLongestWord; // return length of longest word
}
findLongestWord("What if we try a super-long word such as otorhinolaryngology");
@moT01 well I was using a table, but ran into an issue with showing and hiding certain elements
that's an angular issue thou
though
idk at this point
@DavidBelmares - well, there are a couple ways to fix it... one (a really sleazy way, so don't do this) would be to append a space onto the string so that you have an extra character to work with. Do not do that... The other way is to change the loop that is working with strLetters.length to make it test for i <= strLetters.length But then you have to be careful. because you don't want to access the array with the value of i that is off the end of the array. So you would have to change the code inside the loop to be like this:
for (i=0; i <= strLetters.length; i++){
// if the current character of the input string...
if (i < strLetters.length && strLetters[i] != " ") {
strCurrentWord.push(strLetters[i]); // ...is not a whitespace then push it to the temporary letters array
// ...is a whitespace then we know we're at the end of the current word.
} else {
currentWord = strCurrentWord.join(""); // combine the letters of the temporary array into the temporary string var
strWords.push(currentWord); // add the value of the temporary string var to the final array of words of the string
console.log(currentWord + "XDD"); // for debugging
currentWord = ""; // clear temporary variable
strCurrentWord = []; // same as above line
}
}That allows your inner code to run one last time, but test the value of i before you try to use it.
@DavidBelmares - I don't know if you saw my comments above (a couple hours ago) in their entirety, but you can really save yourself a lot of work if you just initially split the string into words directly by using
str.split(" "); - it will directly dive you the array of words to do the individual checks. But your way should eventually work, just making a lot of extra steps that you are going through.
Oh that's what the parameter in .split() does?
Oh my gosh!! Thanks so much @khaduch I was over complicating it big time
davidbelmares sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3629 | @khaduch |http://www.freecodecamp.org/khaduch
function findLongestWord(str) {
var strWords = str.split(" "); // stores each individual character of the input
var lengthOfLongestWord = 1; // self explanatory
// loops through array containing extracted words from input string
for (i = 0; i < strWords.length; i++) {
// if the length of the current word is greater than the previous longest word
if (strWords[i].length > lengthOfLongestWord){
lengthOfLongestWord = strWords[i].length; // update that record to reflect it
}
}
return lengthOfLongestWord; // return length of longest word
}
findLongestWord("What if we try a super-long word such as otorhinolaryngology");
@DavidBelmares - yes, check the docs - you can do a lot with it! But your technique is doable, it's essentially doing what you need to do, character-by-character... good luck! :)
Guys I need help. The personal porfolio is killing me! MY hello world function is not working. Can you tell me why I cannot put text on the first page?
guys pls check out my youtube channel https://www.youtube.com/channel/UCLOzKc8dR3tkHSblbWSkXNw?disable_polymer=true
@BuBBRBbr1 it looks like the negative margin on the background image you have set is pushing the text above the rest of the page. you can try playing around with the margins to get it repositioned where you want it or play the way you have the background image setup to try to fix it
@texas2010 You should probably ban the guy 2 messages up, I don't think advertising a YT channel here is compliant with the rules especially one not related to front end web dev
Thanks a lot!
@DavidBelmares thanks. they are not allow to promote their social media.
texas2010 sends brownie points to @davidbelmares :sparkles: :thumbsup: :sparkles:
:cookie: 236 | @davidbelmares |http://www.freecodecamp.org/davidbelmares
@gothamknight I just went through the grid tutorial and I love this!
@cjrutherford yeah they are great
I think I am done with the calculator project. https://codepen.io/bones211/pen/LeWVzQ