The Javascript getElementsByClassName wont work

Question

im trying to make a button that once click will make it so that the same javascript code would apply to the same class but it wont work

function Destination() {
  hrs = Math.round(Math.random() * 12);
  mins = Math.round(Math.random() * 60);
  var hFormat = (hrs < 10 ? "0" : "");
  var mFormat = (mins < 10 ? "0" : "");
  var amPm = (hrs < 12 ? "AM" : "PM");
  return String(hFormat + hrs + ":" + mFormat + mins + " " + amPm);
}

<button onclick="document.getElementsByClassName('AirAsiaTable1').innerHTML =Destination(12,60)">
  <i class="fas fa-search"></i>
</button>

You give two parameters in call to`destination` function, but the function doesn't use any of them. — Adder, Jan 10 '20 at 11:43

Ian Middelkamp · Answer 1 · 2020-01-10T11:37:21.240

getElementsByClassName returns an array of elements (if there are any). You need to get the first one. Referenced by index 0.

Try This CodePen

function Destination() {
  hrs = Math.round(Math.random() * 12);
  mins = Math.round(Math.random() * 60);
  var hFormat = (hrs < 10 ? "0" : "");
  var mFormat = (mins < 10 ? "0" : "");
  var amPm = (hrs < 12 ? "AM" : "PM");
  return String(hFormat + hrs + ":" + mFormat + mins + " " + amPm);
}
function btnClick(){
  var p = document.getElementsByClassName('AirAsiaTable1')[0]
  console.log(p)
  p.innerHTML =Destination(12,60)
}

https://codepen.io/ianmiddelkamp/pen/MWYGWeK?editors=1111

thank you kind stranger the codes working normal now – The Floopy Jan 12 '20 at 08:22 — The Floopy, Jan 12 '20 at 08:22

The Javascript getElementsByClassName wont work

1 Answers1