Author: John Au-Yeung

Sometimes, we want to add JavaScript autocomplete without an external library.

In this article, we’ll look at how to add JavaScript autocomplete without an external library.

How to add JavaScript autocomplete without an external library?

To add JavaScript autocomplete without an external library, we add the datalist element.

For instance, we write

<datalist id="languages">
  <option value="HTML"></option>
  <option value="CSS"></option>
  <option value="JavaScript"></option>
  <option value="Java"></option>
  <option value="Ruby"></option>
</datalist>

<input type="text" list="languages" />

to add the datalist element with id attribute value that matches the list attribute value of the input.

As a result, the datalist’s options are shown when we type in something into the input that matches the options.

Conclusion

To add JavaScript autocomplete without an external library, we add the datalist element.

Sometimes, we want to connect client to server using Socket.io and JavaScript.

in this article, we’ll look at how to connect client to server using Socket.io and JavaScript.

How to connect client to server using Socket.io and JavaScript?

To connect client to server using Socket.io and JavaScript, we call the connect method.

For instance, we write

<script src="/socket.io/socket.io.js"></script>

to add the socket.io script.

Then we write

const socket = io.connect();

to call io.connect to start the connection.

Conclusion

To connect client to server using Socket.io and JavaScript, we call the connect method.

Sometimes, we want to fix SyntaxError: missing ) after argument list with JavaScript.

In this article, we’ll look at how to fix SyntaxError: missing ) after argument list with JavaScript.

How to fix SyntaxError: missing ) after argument list with JavaScript?

To fix SyntaxError: missing ) after argument list with JavaScript, we should make sure the open and closing parentheses match.

For instance, we write

const navs = document.getElementsByClassName("nav-coll");

for (const nav of navs) {
  nav.addEventListener(
    "click",
    () => {
      console.log("clicked");
    },
    false
  );
}

to call getEleemntsByClassName, addEventListener and cnsole.log with matching opening and closing parentheses to clear the error.

Conclusion

To fix SyntaxError: missing ) after argument list with JavaScript, we should make sure the open and closing parentheses match.