Как отобразить сообщение и закрыть окно настроек в HTML? - PullRequest
Новая
       2

Как отобразить сообщение и закрыть окно настроек в HTML?

0 голосов
/ 14 марта 2020

Я работаю над расширением chrome и хочу получить ответ при нажатии кнопки «Готово», окно настроек должно закрыться, и пользователь получит сообщение:

Вот код для страницы настроек: настройки. html

    <html>
   <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <link rel="stylesheet" type="text/css" href="../styles/settings.css">
      <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
      <title>SSS- Settings</title>
   </head>
   <body>
      <div class="wrapper">
         <div class="card">
            <div class="card__header">
               <div class="toolbar">
                  <div class="toolbar__item toolbar__item--close"></div>
                  <div class="toolbar__item toolbar__item--min"></div>
                  <div class="toolbar__item toolbar__item--max"></div>
.....................................................(other settings)
<br>
                     <div class="buttons"><a href="#"></a><button onclick="closeFunction()" id = "save_settings" class="button">Done</button></div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <script src="../assets/js/settings.js"></script>
      <script>
      function closeFunction() {
          close();
      }
      </script>
   </body>
</html>

настройки. js

console.clear();

toggle = document.querySelectorAll('.toggle');
const fno = document.getElementById('fake-news-opt');
const hso = document.getElementById('hate-speech-opt');
const cbo = document.getElementById('click-baits-opt');
const pwo = document.getElementById('profanity-words-opt');
const save_button = document.getElementById('save_settings');




.............

1 Ответ

1 голос
/ 14 марта 2020

Итак, насколько я понимаю, вы пытаетесь закрыть окно при нажатии кнопки «ГОТОВО», если это так: вы можете удалить атрибут onclick из тега кнопки и прикрепить EventListener к самой кнопке, например: итак: 

save_button.addEventListener("click", () => {
    close();
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...