10 Javascript Functions Examples You Can Use to Save Time

[@DaveGrayTeachesCode]

Javascript utility functions are time savers. Keep them in your "toolbox" or "utility belt" to take to any project you work on. These functions are abstract and can be plugged into any project. I've provided a source code link in the description above which will allow you to create a utility module from the functions featured in this tutorial. Just getting started with Javascript? Check out my full 8 hour course video here: kzbin.info/www/bejne/e5eknWyYrN-JkM0 🚀

[@kostiantynkarzhanov9216]

Awesome! Dave, thank you so much for sharing your knowledge with us 💛

[@DaveGrayTeachesCode]

You're welcome!

[@mikanika21]

Great, Thank You for all Your work, Greetings from France

[@DaveGrayTeachesCode]

You're welcome! And hello 👋 to France!

[@ishan101]

Thank you for sharing this valuable tips indeed.

[@DaveGrayTeachesCode]

Glad it was helpful! 💯

[@AH-cf9cv]

Thanks very much for ur hard work from India.

[@DaveGrayTeachesCode]

You're welcome! 🙏

[@amerabdelrahman4872]

Thanks for sharing

[@DaveGrayTeachesCode]

You're welcome!

[@sonnybrown5228]

this is awesome

[@DaveGrayTeachesCode]

Thank you!

[@iketutsistawan4248]

what is the function/purpose of capture parameter in the addEventListener utils class?

[@DaveGrayTeachesCode]

Good question! It has to do with event bubbling and capturing. You can learn more about it in my Javascript Event Listeners tutorial here: kzbin.info/www/bejne/i4e1daRjrNOZnc0 💯

[@marcod.643]

Did you wear a t-shirt from Kevin Powel? Are you going to have some type of collaboration? It would be awesome! Two of my preferred KZbin content creator, with the best clear, useful, inpiring contents.

[@DaveGrayTeachesCode]

Thanks! Yes, I did wear his shirt. Kevin is great and his channel is one of my favorites. I'd love to collab with him sometime! 🚀💯

[@abdiag603]

What if in your sanitizeInput() you don’t want to return the value with a div around it, instead of creating the div element is it proper to create a document fragment instead???

[@blaircfleming]

the sanitizeInput() function doesn't return the div, only the sanitized text

[@abdiag603]

@@blaircfleming recheck well, it does add a dic around as text content

[@blaircfleming]

@@abdiag603 the div is temporarily created in the function, but the value that is returned is the sanitized content of that div, not the div itself

[@rangabharath4253]

Awesome

[@DaveGrayTeachesCode]

Thanks! 🚀

[@Knards]

Is there some trick to this import? I wrote out the functions in a file called utils, but when I import them way you did, and through reading in MDN Web Docs, all I get in the console is "Require is not defined". The 2 files are in the same directory. My last iteration is import { properCase } from './utils.js';

[@DaveGrayTeachesCode]

No trick. Did you check the link to the source code in the description? Compared to the video, I added the "export" keyword before const for each function in the gist source code. Other than that, double-check import syntax on MDN here: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import You might also make sure you have type="module" in your script element in the HTML file.

[@Knards]

@@DaveGrayTeachesCode Not sure what I did, but I fixed it. Thanks for introducing me to import/export amd the functions!

[@DaveGrayTeachesCode]

@@Knards That's great! I also have a separate tutorial on modules 💯🚀

[@Knards]

@@DaveGrayTeachesCode Now that I will be checking out!

[@andrewclarke6916]

@@DaveGrayTeachesCode I had a problem with importing the utility functions into my main javascript file at first. Got the error 'Uncaught SyntaxError: Cannot use import statement outside a module'. Fortunately, a quick bit of googling revealed that I needed to add the type="module" attribute to my script tag in the HTML file.

[@philip9677]

how do you get both paramOne and paramTwo,

[@DaveGrayTeachesCode]

The getParameterValue() function is designed to return the value of the parameter name you specify as the first argument passed to the function. You need to call the function for each parameter value you want returned. 😀

[@philip9677]

@@DaveGrayTeachesCode thanks dave very helpful

[@DaveGrayTeachesCode]

@@philip9677 You're welcome!

[@acethomas5774]

Who in these comments can plz help me with JavaScript functions for this online game that i play it has several things that you can do on the game and each thing has a script that can be written for them and book marked

[@suelingsusu1339]

🙏🙏🙏🙏🙏🙏🖖🖖🖖🖖🖖👏👏👏👏👏👏👏