Author: John Au-Yeung

Sometimes, we want to close client connection with Node.js socket.io and JavaScript.

In this article, we’ll look at how to close client connection with Node.js socket.io and JavaScript.

How to close client connection with Node.js socket.io and JavaScript?

To close client connection with Node.js socket.io and JavaScript, we call the on method.

For instance, we write

socket.on("end", () => {
  socket.disconnect(0);
});

to call on to listen to the 'end' event on the server.

In the event handler, we call disconnect to close the client connection.

Then on client side, we write

const socket = io();
socket.emit("end");

to call socket.emit with 'end' to emit the end event to the server.

Conclusion

To close client connection with Node.js socket.io and JavaScript, we call the on method.

Sometimes, we want to add synchronous delay in code execution with JavaScript.

In this article, we’ll look at how to add synchronous delay in code execution with JavaScript.

How to add synchronous delay in code execution with JavaScript?

To add synchronous delay in code execution with JavaScript, we use a promise.

For instance, we write

const asyncWait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

(async () => {
  console.log("one");
  await asyncWait(5000);
  console.log("two");
})();

to create the asyncWait function that returns a promise that calls setTiimeout with ms milliseconds.

The promise is settled after resolve is called after ms milliseconds.

Then we call it in the async function with await to wait for the promise to finish before calling the 2nd console.log.

Conclusion

To add synchronous delay in code execution with JavaScript, we use a promise.

Sometimes, we want to replace single quotes with double quotes in JavaScript.

In this article, we’ll look at how to replace single quotes with double quotes in JavaScript.

How to replace single quotes with double quotes in JavaScript?

To replace single quotes with double quotes in JavaScript, we use the string replace method.

For instance, we write

const a = "[{'column1':'value0','column2':'value1','column3':'value2'}]";
const b = a.replace(/\'/g, '"');

to call a.replace with a regex that replace all single quotes with double quotes.

We use \' to match single quotes.

The g flag makes replace replace all matches.

The string with the replacements done is returned.

Conclusion

To replace single quotes with double quotes in JavaScript, we use the string replace method.

Sometimes, we want to disable click with JavaScript.

In this article, we’ll look at how to disable click with JavaScript.

How to disable click with JavaScript?

To disable click with JavaScript, we set the onclick property to a function that returns false.

For instance, we write

document.getElementById("myElement").onclick = () => {
  return false;
};

to select the element with getElementById.

Then we set its onclick property to a function that returns false.

The function is called when we click on the element.

And it returns false to stop the default click action.

Conclusion

To disable click with JavaScript, we set the onclick property to a function that returns false.

Sometimes, we want to replace or change the heading text inside h3 with JavaScript.

In this article, we’ll look at how to replace or change the heading text inside h3 with JavaScript.

How to replace or change the heading text inside h3 with JavaScript?

To replace or change the heading text inside h3 with JavaScript, we set the innerText property.

For instance, we write

<h3 id="myHeader"></h3>

to add a h3 element.

Then we write

const myHeader = document.querySelector("#myHeader");
myHeader.innerText = "hello";

to select it with querySelector.

Then we change its text content by setting the innerText property.

Conclusion

To replace or change the heading text inside h3 with JavaScript, we set the innerText property.