HTML/javascript- string append with variable to bind onclick button event

Question

For a HTML button element i want to bind the below onclick event

<a class="btn btn-sm btn-bitbucket" id="test" onclick="document.location.href='https://192.22.32.101/V0_3_4/cgi-bin/config.cgi'">

The above one works fine and the cgi got executed perfect . But the requirement is i want to replace "https://192.22.32.101/V0_3_4/cgi-bin/config.cgi" with a varible since this is dynamic . Can someone provide the java script. Like the below.

HTML

<a class="btn btn-sm btn-bitbucket" id="test"> .

JAVA SCRIPT

document.getElementById("test").onclick = "document.location.href="HOST_CGI_PATH""; (I am facing difficulties defining the correct quotes)

I am doing this binding in document ready function.Here the HOST_CGI_PATH is a javascript variable refers to the actual path.

Thanks

void · Accepted Answer · 2016-01-25 10:05:40Z

1

Do

document.getElementById("test").onclick = function(){ 
     document.location.href=HOST_CGI_PATH;
});

answered Jan 25, 2016 at 10:05

void

36.7k10 gold badges71 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Patrick Roberts · Accepted Answer · 2016-01-25 10:07:51Z

0

You're overcomplicating it:

document.getElementById("test").href = HOST_CGI_PATH;

answered Jan 25, 2016 at 10:07

Patrick Roberts

52.4k10 gold badges120 silver badges166 bronze badges

Collectives™ on Stack Overflow

HTML/javascript- string append with variable to bind onclick button event

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related