Скрипт не работает на первом клике только на втором

Question

Я новичок в js, и у меня есть эта проблема

---

Я хочу, чтобы по щелчку изменить высоту одного элемента на ширину другого элемента, и этот код по какой-то причине работает должным образом Я должен нажать дважды, какие-либо предложения, как заставить это работать на первом щелчке?

<script>
var l = document.getElementById("tablinks");

l.onclick = function(){

var w = document.getElementById("img1").offsetWidth;
document.getElementById("beforeafter1").style.height = w + "px";

};

</script>

Answer 1

Попробуйте приведенный ниже скрипт.

<script>
//var l = document.getElementById("tablinks");
function doMyTrick(){
    var w = document.getElementById("img1").offsetWidth;
    document.getElementById("beforeafter1").style.height = w + "px";

};
</script>
<input type="button" onclick="javascript:doMyTrick()" value="Submit"/>

Answer 2

Код ссылки / кнопки отсутствует, но я полагаю, вы не указали return false; к своему javascript коду:

<a href='#' id="tablinks" onclick='someFunc(3.1415926); return false;'>Click here !</a>