Convert javascript code to Mozilla extension that will paste values in input fields

Need a simple Mozilla extension developed from working HTML +CSS+JS code that I have created. All you have to do is warp this code in a extension. It will be used for personal use, it does not need to be published. Extension will simply do following : a. When you left click on input field or textarea ,a popup will be displayed. It should not pop up if you click anywhere else on the webpage. b. When you click on text item of the popup, the 'HTML data attribute value' for that text will be pasted in the input field/textarea that is in foucs( i.e. the one on which you left clicked) .Please refer the video demo of current working code: In a browser , there will be always 2 tabs open : one will be static HTML local dashbaord page on desktop. Lets call it 'tab-a' . Other tab will have http page . Lets call it 'tab-b' .The input fields on this http page need to be populated by the extension. Here is diagram of tab-a and tab-b: [login to view URL] In the current code following things need to be updated: 1. In current javascript code a vaiable var 'msg2 is currently mapped to a div <div id='burl'> on the same demo page var msg2 = [login to view URL]('burl').innerText; The change is that extension program should get that div from Static HTML local dashboard page ie. 'tab-a' If you think you can do this project in your bid please advise how will you grab div from static dash 'tab-a'. Here is the link to the code: ( In order for it to work , please save a copy of html page on your computer, it does not work on https link ) [login to view URL] Thanks +++++++++++++++++++++++++++++ Reference links - Sample Mozilla extension to paste predefined text into input fields on a webpage [login to view URL] I am sure you might be aware of this , but here is some info on how to look up source code of mozilla extension [login to view URL] CRX mozilla extension source code viewer: [login to view URL]