Share Selected Text with JavaScript

Published: 12 September 2019
on channel: Coding Journey

10,448

324

Using JavaScript, learn how to implement a feature which gives users the option to easily share selected text, in this case to Twitter but could be any social media or even additional options such as to copy to clipboard or convert selected text-to-speech so that user can listen to it!

The feature of sharing selected text is quite common, especially in Blog sites and it helps websites gain exposure, grow traffic and increase search engine rankings!

In the first few minutes of this video, we build the structure and add the content and styling with HTML and CSS. After deciding which areas of our page should allow for sharing selected text, we proceed to JavaScript in order to access the selected text, display the share button to the appropriate position and share the selected text upon a click event over the share button.

Enjoy 🙂

Don’t forget to share, like, subscribe and would love to hear your thoughts in the comment section below!

Code for this Project: https://codepen.io/Coding_Journey/pen...

Support the Channel 💙☕🙏
PayPal: https://paypal.me/CodingJourney

Suggested Videos:
Colorful Background with linear-gradient:    • Video
Font Awesome 5 Icons:    • Video
Voice Search with JavaScript (Web Speech API):    • Video
HTML Drag and Drop API:    • Video

Codepen: https://codepen.io/Coding_Journey/
Twitter:   / codingjrney
Email: codingjourney123@gmail.com

Subscribe 💖
   / @codingjourney

On this page of the site you can watch the video online Share Selected Text with JavaScript with a duration of hours minute second in good quality, which was uploaded by the user Coding Journey 12 September 2019, share the link with friends and acquaintances, this video has already been watched 10,448 times on youtube and it was liked by 324 viewers. Enjoy your viewing!

112