簡體   English   中英

單擊按鈕時如何運行JS代碼

[英]how to run JS code when button is clicked

是否可以修改以下代碼,以便當您單擊 ID 為 #slide-1-next 的按鈕時,javascript 代碼會運行? 理想情況下,在單擊按鈕之前,代碼不會運行。 我不是非常精通 JS,但我認為也許可以修改帶有事件偵聽器的最后一行代碼來實現這一點?

let text = 'What follows is Lorem ipsum translated to English: But I must explain to you how all this mistaken idea of reprobating pleasure and extolling pain arose.';

function type() {
    let textChar = text.charAt(textLength++);
    let paragraph = document.getElementById("typed");
    let charElement = document.createTextNode(textChar);
    paragraph.appendChild(charElement);
    if(textLength < text.length+1) {
        setTimeout('type()', 50);
    } else {
        text = '';
    }
}
  
document.addEventListener("DOMContentLoaded", function() {
    type();
  });

總結以上評論,在代碼塊末尾添加以下行將在單擊 ID 為slide-1-next的按鈕時運行type函數:

document.getElementById("slide-1-next").onclick = type;

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM