Cara menggunakan href=javascript:void(0 not working)

You might have occasionally came across “javascript:void(0)” in an HTML Document. It is often used when inserting an expression in a web page might produce some unwanted effect. To remove this effect, “javascript:void(0)” is used. This expression returns undefined primitive value. This is often used with hyperlinks. Sometimes, you will decide to call some JavaScript from inside a link. Normally, when you click a link, the browser loads a brand new page or refreshes the same page (depending on the URL specified). But you most likely don’t desire this to happen if you have hooked up some JavaScript thereto link. To prevent the page from refreshing, you could use void(0). 

Using “#” in anchor tag: When writing the following code in the editor, the web page is refreshed after the alert message is shown. 

Example: 

html

<h1 style="color:green">GeeksforGeeks</h1>

<h3h10h3>

<h14 h15=h17 h18=style0>

style2style3h14>

<h14 h15=h17 h18==3>

style2=6

=7h14>

<"color:green"1>

style2"color:green"4

style2"color:green"6

"color:green"7"color:green"8

style2>GeeksforGeeks</0

=7"color:green"1>

<>GeeksforGeeks</5 >GeeksforGeeks</6=>GeeksforGeeks</8>GeeksforGeeks</9>GeeksforGeeks</5>

Output: 

What does javascript:void(0) mean?

Using “javascript:void(0);” in anchor tag: Writing “javascript:void(0);” in anchor tag can prevent the page to reload and JavaScript functions can be called on single or double clicks easily.

As a frontend developer or even as a backend developer maybe you have found javascript: void(0); written as a value for a href attribute inside an anchor tag (<a>) and you wondered what that means.

Example:

<a href="javascript:void(0);" onclick="clickFunction()">
  Click
</a>

In this article, we will try to provide an explanation for the above syntax in order for you to know when and why it's used. To do that we will have to take it element by element.

Javascript void keyword

As in other programming languages, void keyword from Javascript, is an operator that has the role to tell the program NOT to return the result of an expression and it returns undefined instead.

For example, the following expression will return the value of the mathematical operation:

let sum = 1 + 1;
console.log(sum); // 2

And the next expression will return undefined:

let sum = void(1 + 1);
console.log(sum); // undefined

Even though the variable

let sum = 1 + 1;
console.log(sum); // 2

let sum = 1 + 1;
console.log(sum); // 2

let sum = void console.log(1 + 1); // 2
console.log(sum); // undefined

From the above, we can observe that the code that it is after the void operator will always be executed but the return of the expression will always be undefined. The role of

let sum = 1 + 1;
console.log(sum); // 2

Use let sum = 1 + 1; console.log(sum); // 2 6 as the value of href

The

let sum = 1 + 1;
console.log(sum); // 2

let sum = 1 + 1;
console.log(sum); // 2

let sum = 1 + 1;
console.log(sum); // 2

What is let sum = 1 + 1; console.log(sum); // 2 6?

By using

let sum = void(1 + 1);
console.log(sum); // undefined

If you are wondering why we don't just remove the

let sum = 1 + 1;
console.log(sum); // 2

let sum = 1 + 1;
console.log(sum); // 2

In other words, by adding

let sum = void(1 + 1);
console.log(sum); // undefined

The example link from the beginning of this article will run the

let sum = void(1 + 1);
console.log(sum); // undefined

You may be interested: 15 JavaScript Courses - Learn Web Development, HTML, and CSS

When to use let sum = 1 + 1; console.log(sum); // 2 6?

Thankfully, with all the updates made in Javascript, you will never have to use it as there are better alternatives to it.

In order to prevent the default behavior of a <a> tag, it's generally recommended to use the

let sum = void console.log(1 + 1); // 2
console.log(sum); // undefined

In conclusion, we hope that now you have a better understanding of what

let sum = 1 + 1;
console.log(sum); // 2