スクリプトでこのonclickイベントが機能しないのはなぜですか？

Question

私はリンクを各ページの訪問時にランダムな位置に表示するようにスクリプトを作成しました。私はランダムなリンクのリストのための機能を持つ別のスクリプトを持っているので、リンクがクリックされると、あなたはランダムなページに導かれるでしょう。

ただし、このリンクをクリックするとどこにもつながりません（onClickは動作しないようです）。それを修正するために私は何ができますか？タイプミスがあなたのonclickであり

a.onclick = randomlinks;に変更 a.onClick = "randomlinks()";

<a href='#' onclick='randomlinks();'>click me</a> 

Answer 1

：私のようにそれを入れている場合

<script> 
var left = Math.floor(Math.random() * 100); 
var a = document.createElement('a'); 
    a.style.left = left+'%'; 
    a.href = '#'; 
    a.onClick = "randomlinks()"; 
    a.innerHTML = 'click me'; 
document.body.appendChild(a) 
</script> 

<script src="randomlinks.js"></script> 

機能が正常に動作します。また、stringではなく、onclickイベントハンドラへの関数参照を提供する必要があります。

var left = Math.floor(Math.random() * 100); 
 

 
function randomlinks() { 
 
    console.log('clicked'); 
 
} 
 

 
var a = document.createElement('a'); 
 
    a.href = '#'; 
 
    a.style.right = left+'%'; 
 
    a.onclick = randomlinks; 
 
    a.innerHTML = 'click me'; 
 
document.body.appendChild(a);

a { 
 
    position: absolute; 
 
}