我一直在嘗試將一些 HTML/CSS 功能應用于您在下面看到的簡單 JS 代碼，其中包括基于兩個陣列回傳一個隨機句子。
我想創建一個簡單的 onclick 按鈕來顯示生成的句子，但我仍然無法讓它作業。你有什么想法或線索嗎？我已經設法用變數/文本完成了它，但是在訪問函式時我遇到了一些問題，這當然是程式的重點。
預先感謝大家的幫助。
JS：
const personArr = ["Father Burgundy", "Constable Grey"];
const locationArr = ["the sauna", "the larder"];
const selectArr = (array) => {
return(array[Math.floor(Math.random()*array.length)]);
}
const createMessage = () => {
const message = "It was " selectArr(personArr) " in " selectArr(locationArr)"!";
return message;
};
const init = () => {
const message = createMessage();
console.log(message);
};
init();
----------------------------
function demo() {
document.getElementById("output").innerHTML = init();
}
HTML：
<button id="btn" onclick="demo()">Click here!</button>
<p id="output"></p>
uj5u.com熱心網友回復：
在 init() 中回傳訊息并在最后一個字串 i createMessage() 之前添加
const personArr = ["Father Burgundy", "Constable Grey"];
const locationArr = ["the sauna", "the larder"];
const selectArr = (array) => {
return(array[Math.floor(Math.random()*array.length)]);
}
const createMessage = () => {
const message = "It was " selectArr(personArr) " in " selectArr(locationArr) "!";
return message;
};
const init = () => {
const message = createMessage();
console.log(message);
return message;
};
function demo() {
document.getElementById("output").innerHTML = init();
}<button id="btn" onclick="demo()">Click here!</button>
<p id="output"></p>uj5u.com熱心網友回復：
你只需要從init()函式回傳值，所以這里有一個有效的 jsfiddle。
https://jsfiddle.net/vuks89/2cy1fbkd/
const init = () => {
const message = createMessage();
console.log(message);
return message;
};
另外，我不確定為什么您需要init();在其定義之后呼叫。如果只是為了這個用例，它可能是不必要的，因為一旦單擊按鈕就會呼叫它。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/330669.html
標籤：javascript html 按钮 点击
上一篇：如何檢查按鈕是否有效