Is it possible to convert this piece of jquery code to javascript?

I want to know is it possible to convert this piece of jquery code to javascript

var port = chrome.runtime.connect({name: "SNT"});
$(document).ready( function() {'SNT', function(items) {
    $("#SNT").bind('keyup', function() {{ 'SNT': $(this).val() }, function(){});

for your information the SNT is the Id of a textarea :

<textarea id="SNT"></textarea>

Thank you in advance





e.eventTarget or this



hello and thank you my dear friend @m_hutley hope you are well,
I modified the code as follows:

var port = chrome.runtime.connect({name: "SNT"});

document.addEventListener('DOMContentLoaded', () => {'SNT', function(items) {
     document.getElementById("SNT").innerHTML = items.SNT;

  document.getElementById("SNT").addEventListener("keyup", function(){{ 'SNT': this.innerHTML }, function(){});


when i test the code it doesn’t show me any error message but it doesn’t work i don’t know why i think something is missing

Does the code with jQuery code work?

If it does, then gradually replace parts of jQuery with vanilla JavaScript, until you find the part that causes it to stop working.

1 Like

it’s good thank you very much, it works.

1 Like

hi @m_hutley ,

sorry for the disturbance but I have another small problem if you can guide me please,
I have the value “undefined” on the Textarea field with the following code

document.addEventListener(‘DOMContentLoaded’, () => {‘SNT’, function(items) {
document.getElementById(“SNT”).innerHTML = items.SNT;

document.getElementById(“SNT”).addEventListener(“change”, function(e){{ ‘SNT’:}, function(){});


I tried to put it in a function but it doesn’t work

Why do you use What about users using other browsers?

chome and the browser allowed where I work

You have undefined… where, specifically?

About the only part of the code that could result in that is the following:

I would hazard a guess that the textarea field has an identifier of SNT.

well thats pulling from the items setup, so if OP is getting undefined there, the problem isnt in the jquery->javascript transformation, its in their storage system :wink:

That said, OP didnt use my translations correctly…


Hi @m_hutley,

The code you gave me works very well without any error but the only problem is the “undefined” error that appears on the textarea at the first launch of the extension and that I have to delete to write.
Sans titre

Well that’s a logical error in your code here. You dont check to see if items.SNT exists.

1 Like

Hi @m_hutley,

Perfect, really I don’t know how to thank you, you are very kind thank you very much.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.