我是一個不擅長 javascript 的 django 開發人員。我有一個 django 模板，我真的很想使用 Javascript。我嘗試在線閱讀以尋求幫助，但我不明白
我想在addEventlistener下面的代碼中添加一個
<div class="box-element hidden" id="request-info">
<button id="send-payment">Send request</button>
另外，我希望它在提交時顯示回應。類似“請求已發送”的回應。請我知道console.log，我不想要它console.log。
我知道 JS 在這方面真的很擅長。
uj5u.com熱心網友回復：
做這個
const button = document.getElementById("send-payment");
button.addEventListener("click", function() {
document.getElementById("request-info").style.display = "block";
})#request-info {
display: none;
color: green;
font-size: 12px;
margin-bottom: 10px;
}<div id="request-info">Request sent</div>
<button id="send-payment">Send request</button>uj5u.com熱心網友回復：
因此，大概您想為按鈕添加一個事件偵聽器，以便在單擊時提交。您可以通過向兩個腳本標簽之間<script></script>或 .js 檔案中的元素添加事件偵聽器來解決此問題。代碼如下所示：
document.getElementById("send-payment").addEventListener("click", function() {
/*
Action Here...
*/
alert("Request Sent!") // This will throw up an alert to the user.
})
據我所知，這應該是一個簡單的解決方案，您可以在此處找到更多檔案： https ://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
uj5u.com熱心網友回復：
您需要一個空間來顯示“請求已發送”訊息。這里我使用 p 標簽
<div class="box-element hidden" id="request-info">
<button id="send-payment">Send request</button>
<p id="response"></p>
<script>
document.getElementById("send-payment").addEventListener("click", function(){
document.getElementById("response").innerHTML = "Request sent";
})
</script>
這是 w3schools 上的鏈接：https ://www.w3schools.com/jsref/met_document_addeventlistener.asp
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/422455.html
標籤：