Mời bạn đọc tham khảo,
Sau khi nhấp vào gửi, tiêu đề của biểu mẫu có nội dung liên hệ, tôi muốn nó nói lời cảm ơn. làm thế nào để làm điều đó trong khi giữ phong cách. Tôi đã thử một cách nhưng sau đó nó không theo kiểu.
Mã này đang sử dụng một vài dòng jquery.
Bạn có thể thử thay đổi văn bản của h1 bên trong click gọi lại cuối cùng trong jQuery.
$('.formheading').text('Thanks');
Cảm ơn vì câu trả lời có giá trị piedcipher, tôi chưa bắt đầu jquery, vì vậy không thể hiểu được. phần jq được lấy từ mạng,
Mã bạn cung cấp đang hoạt động nhưng nó diễn ra rất nhanh trước khi tiêu đề bắt đầu di chuyển xuống, chúng tôi có thể làm cho văn bản thay đổi diễn ra chậm không. (thời lượng chuyển tiếp: 500ms)
Cảm ơn vì đã đọc.
1 lượt thích
vâng, có một cách khác ngoài jquery…
** cung cấp một id cho h1 thẻ truy cập nó trong tệp javascript để thay đổi nó. **
Hãy thử mã dưới đây
<html>
<body>
<div class="container">
<h1 class="formheading" id="h1">Get in Touch</h1>
<div class="form">
<input type="text" placeholder="Your Name" name="showname" />
<textarea name="themessage" id="" cols="30" rows="10" placeholder="Your Message"></textarea>
<button type="submit" id="login-button" onclick="change()">Login</button>
</div>
</div>
<script type="text/javascript" src="https://forum.freecodecamp.org/t/change-text-with-javascript-onclick-help/myJs.js"></script>
<body>
</html>
myJs.js
function change(){
document.getElementById("h1").innerText = "Thank You" ;
}
Tôi rất vui vì tôi có thể giúp đỡ. Bạn có thể thực hiện thay đổi văn bản mã bên trong một setTimeOut gọi lại.
setTimeout(function () {
$('.formheading').text('Thanks');
}, 1500);
