how to pass variable value to href attribute using javascript or jquery?

Question

I'm trying to use JavaScript random function for pass the different value to href attribute this is my code but it's not the jQuery part is not working:

jQuery:-

var numbers = ["22332233", "44455566", "12322122", "44455566", "12322122", "44455566", "12322122"];
var result = Math.floor(Math.random() * 5);
console.log(result);
console.log(numbers[result]);
$("#phone-tel").attr("href", numbers[result]);

HTML:-

<a id="phone-tel" href="">+353123456789</a>

i would start by confirming that the jquery is executed after the page is fully loaded, and html fully constructed, having your jquery in the $(function() { }); — Isac
– Isac, Commented Jun 7, 2017 at 9:48

Death-is-the-real-truth · Accepted Answer · 2017-06-07 09:55:43Z

3

Your code work fine,if:-

1.jQuery library added before your script code.

2.Wrap your script code inside $(document).ready(function(){..});,if it is on top of your page. If script code is on bottom of the page then wrapping is not necessary.

Working example:-

$(document).ready(function(){
  var numbers = ["22332233", "44455566", "12322122", "44455566", "12322122", "44455566", "12322122"];
  var result = Math.floor(Math.random() * 5);  
  console.log(result);
  $("#phone-tel").attr("href",numbers[result]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="phone-tel" href="">+353123456789</a>

edited Jun 7, 2017 at 9:55

answered Jun 7, 2017 at 9:49

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

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

Comments

Mayank Pandeyz · Accepted Answer · 2017-06-07 09:49:59Z

0

jQuery library is missing in your code

By adding jquery library, every thing is working fine with your code. The only issue is, there are only 7 element in the array. So most of th times random number generates the last generated number again and again. To remove this, hold the last value and generate the value other than that.

answered Jun 7, 2017 at 9:49

Mayank Pandeyz

26.3k4 gold badges43 silver badges61 bronze badges

Collectives™ on Stack Overflow

how to pass variable value to href attribute using javascript or jquery?

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