Ini kode HTML saya:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Tutorial</title>
</head>
<body>
    <div class="alert" id="alert">
        <p>Alert Alert Alert Alert Alert</p>
        <button onclick="close()"><p>&times;</p></button>
    </div>
<script src="script.js" charset="UTF-8"></script>
</body>
</html>

Dan ini adalah script.js:

function close() {
    document.getElementById("alert").style.display = "none";
}

Untuk beberapa alasan saya tidak dapat menggunakannya secara eksternal, tetapi ketika saya menggunakannya secara inline berfungsi. Saya telah mencari jawabannya selama berjam-jam, tetapi saya tidak dapat menemukannya di mana saja, tolong bantu!

0
Jeremy Edward 28 Mei 2021, 23:52

1 menjawab

Jawaban Terbaik

Ubah nama fungsi dari 'Tutup' ke nama lain seperti 'Hidealert'

function hideAlert() {
    document.getElementById("alert").style.display = "none";
}
<div class="alert" id="alert">
            <p>Alert Alert Alert Alert Alert</p>
            <button onclick="hideAlert()"><p>&times;</p></button>
        </div>
1
Dor Ben Itzhak 28 Mei 2021, 21:05