Author: John Au-Yeung

Sometimes, we want to create a link using JavaScript.

In this article, we’ll look at how to create a link using JavaScript.

How to create a link using JavaScript?

To create a link using JavaScript, we can use the createElement method.

For instance, we write

const a = document.createElement("a");
const linkText = document.createTextNode("my title text");
a.appendChild(linkText);
a.title = "my title text";
a.href = "http://example.com";
document.body.appendChild(a);

to call createElement with 'a' to create an anchor element.

Then we call createTextNode to create a text node.

Then we call a.appendChild with linkText to use linkText as the text content of the anchor element.

We set the title attribute by setting a.title.

The href attribute is set by setting a.href.

And finally, we call document.body.appendChild with a to append the anchor element as the last child of the body element.

Conclusion

To create a link using JavaScript, we can use the createElement method.

Sometimes, we want to make a form open a new window showing the result after submitting a POST request with JavaScript.

In this article, we’ll look at how to make a form open a new window showing the result after submitting a POST request with JavaScript.

How to make a form open a new window showing the result after submitting a POST request with JavaScript?

To make a form open a new window showing the result after submitting a POST request with JavaScript, we set the target attribute of the form to _blank.

To do this, we write

form.setAttribute("target", "_blank");

to call form.setAttribute with 'target' and '_blank' to make the form element open a new window after the form is submitted.

Conclusion

To make a form open a new window showing the result after submitting a POST request with JavaScript, we set the target attribute of the form to _blank.

Sometimes, we want to turn a string to a JSON object in Node.js.

In this article, we’ll look at how to turn a string to a JSON object in Node.js.

How to turn a string to a JSON object in Node.js?

To turn a string to a JSON object in Node.js, we can use the JSON.parse method.

For instance, we write

const obj = JSON.parse(yourJsonString);

to call JSON.parse with the yourJsonString JSON string to parse it into a JavaScript object.

Conclusion

To turn a string to a JSON object in Node.js, we can use the JSON.parse method.

Sometimes, we want to call preventDefault() on an anchor element with JavaScript.

In this article, we’ll look at how to call preventDefault() on an anchor element with JavaScript.

How to call preventDefault() on an anchor element with JavaScript?

To call preventDefault() on an anchor element with JavaScript, we can call preventDefault in an event handler function.

For instance, we write

<a href="#">Click Me</a>

to add an anchor element.

Then we write

const a = document.querySelector("a");
a.onclick = (event) => {
  event.preventDefault();
};

to select the anchor element with querySelector.

And then we set a.onclick to a function that runs when we click on the anchor element.

In it, we call event.preventDefault to prevent the default behavior of the element.

Conclusion

To call preventDefault() on an anchor element with JavaScript, we can call preventDefault in an event handler function.

Sometimes, we want to add try block without catch block in JavaScript.

In this article, we’ll look at how to add try block without catch block in JavaScript.

How to add try block without catch block in JavaScript?

To add try block without catch block in JavaScript, we can add an empty catch or finally block.

For instance, we write

try {
  throw new Error("This won't show anything");
} catch {}

try {
  throw new Error("This will get logged");
} finally {
  //...
}

to add a catch or finally block after the try block.

Adding an empty catch would swallow the error and adding a finally block wouldn’t swallow the error but let us run code regardless of whether an exception is thrown.

Conclusion

To add try block without catch block in JavaScript, we can add an empty catch or finally block.