Copy to Clipboard using HTML, CSS & JavaScript

[@tracer2518]

Didn't find what I was looking for, but is was very satisfying to watch how a plain HTML codde gains shape with CSS

[@raphaeldantas9882]

In mine, the command “execComand” is saying that the method is obsolet. Is there other alternative? I’m using VsCode

[@Codingflag]

Yes. execCommand is deprecated but it will still run on browsers. Instead of execCommand you can use below line. navigator.clipboard.writeText(text);

[@raphaeldantas9882]

I’ll try it! Thanks for the answer. Very good video, I’m a begginer and it helped me a lot

[@RaisingWEB]

@@Codingflag Did not work, am i doing wrong?

[@suryagemilang678]

i dunno why my doesnt make image on button. please help me

[@Codingflag]

Add fontawesome 4.7 library link

[@suryagemilang678]

@@Codingflag thank you sir

[@DrakeRedWind01]

What program are you using to see a live preview and nicely separated HTML,CSS,Java sections?

[@Codingflag]

Its online editor, Codepen.

[@DrakeRedWind01]

@@Codingflag awsome thank you!

[@ymo8609]

but you can use a VSCode extension, called Live Server

[@DrakeRedWind01]

@@ymo8609 Awesome! Thank you. Codepen is cool but it's a few more extra steps. This small inconvenience tends to hinder me from using it as often as I probably should. I'll be trying out this new extension out shortly (since I'm currently working on a project).

[@aliezadkhaha9439]

This is a very easy way to solve the problem: document.querySelector("button").onclick = function () { navigator.clipboard.writeText(document.querySelector("input").value); };

[@Mr-Singh21]

Thanks for the tutorial man! I'm newbie this tutorial helped me a lot.

[@danieloluwadamola5138]

Which code editor are you using

[@rudra298]

please explain the concepts

[@daniyalkamran7670]

Thank u so much sir so much love form pakistan ♥️

[@budushei_milioneri]

Всем привет. Пожалуйста помогите разобраться. как соеденить все эти отдельные коды в один html файл и чтобы работал так же корректно??

[@Codingflag]

Put code in blocks like below. ADD YOUR CSS CODE BLOCK HERE ADD YOUR HTML CODE BLOCK HERE ADD YOUR JAVASCRIPT CODE BLOCK HERE

[@tejasshirsath1776]

How to make multiple copy button in html??

[@Codingflag]

Assign different classes and use same method shown in video

[@amazingtamilmystery1196]

Waiting for other videos of yours.

[@Codingflag]

Working on it

[@fisfisarenskanal]

Thanks was really only looking for the "document.execCommand("copy");" but exellent video.

[@UmerWebZone]

Can we add in blogger?

[@Codingflag]

yes

[@alfredoamorfernandez2659]

need help my friend. what about on a web but no element ID on that clipboard, how to copy to clipboard(pasting copied number to clipboard) but what got only

[@Codingflag]

Check how you can uniquely identify that element, check it’s parent has id or not. You can use its parent and then children inside it.

[@shoashoa8764]

please share the code link

[@AmboDalle-g3k]

but how to make bulk copy button ?

[@MuhammadRizky-bs3kw]

what if it is used in wordpress?

[@burqxq]

Thx , you helped me

[@Codingflag]

Glad to hear it

[@Entertainment.Tube0]

Awesome ❤️❤️ 💯

[@nickjames8653]

thank you so much my friend, it helped me.

[@Codingflag]

Glad it helped

[@Sherryjandu]

My boss give me 100000+ shipment ids in excel file to enter in a html page which has 100+ employees. I am manually copying every single entry and pasting in the allocate box then press submit button on every single user. Is there any help available for auto copy paste and press button?

[@Codingflag]

yes, check document.execCommand method to copy and paste content.

[@mdnazmulhaque3079]

from codepen code and paste elementor worpdress not working!

[@Codingflag]

Any error on console?

[@aminvalipoor2061]

How can i find this code?

[@suryagemilang678]

How make it double in one HTML?? please help me

[@suryagemilang678]

please help mee

[@coderplus362]

perfect tutorial

[@SalehRamezani]

Didn't work. Get "Uncaught TypeError: copyText is null" error message.

[@Codingflag]

Can you share your code on codepen/github so that I can help

[@CreativeMCYT]

Awesome! Thanks so much!!

[@yashsinghal9918]

Please give the link for the Source Code.

[@Codingflag]

codepen.io/dsr/pen/PoprWgq

[@FrankGP.Systems]

@@Codingflag Thankyou

[@jobianstechie]

@@Codingflag please keep adding the source code in the video description

[@Feel_official_Channel]

Thank You So Much

[@EggerMan69]

6:00

[@faixanplayzz6131]

Link not working please updae

[@nickjames8653]

link of code, please...

[@rangabharath4253]

awesome

[@lestudio4033]

very instructive vidéo, it works ! But is there a way so we can see all the value ? My value is too long and we can"t see all of it in the text field.. can you help me ? :)

[@Codingflag]

you can increase width of textfield

[@lestudio4033]

@@Codingflag of course ! thanks aha =)

[@TheTonyMan]

ExecCommand is depricated...

[@samuraitatin]

😮 really! Thank you for sharing.

[@EricaOrtiz-s8k]

the copy functionality works perfectly, However, the copy button is not displayed as shown in the video, what I got is a solid background in blue

[@Codingflag]

You need to add fontawesome library to get this icon.

[@amazingtamilmystery1196]

Thanks sir....

[@kdramaloverz4290]

ExecCommeand is not working

[@Codingflag]

Can you share your code so that I can help. It's execCommand

[@kdramaloverz4290]

@@Codingflag yeah its execCommand but it is not working it says 'execCommand' is deprecated

[@Codingflag]

Use below code instead of execCommand. navigator.clipboard.writeText(text);

[@nixymine]

Source code

[@wenzu-vi3sd]

that is really cool !! thank you so much

[@Codingflag]

Glad you like it!

[@relaxa4896]

Danke!

[@budushei_milioneri]

или если кто то может то плиз напишите

[@codinglyenterprisesco.3866]

Doesn't work as usual

[@Codingflag]

Here is source code, please try and let me know error if it’s not working codepen.io/dsr/pen/PoprWgq

[@daniyalkamran7670]

Thanksss sirrrr for source codeeee loveee form Pakistan ♥️♥️

[@p00psicle]

@@Codingflag Much appreciated!

[@joepeng5136]

Doesn't work as usual