• Как перевести в читабельный вид такое содержимое?

    @GreatRash
    console.log(["\x68\x72\x65\x66","\x61\x74\x74\x72","\x73\x63\x72\x6F\x6C\x6C\x54\x6F","\x63\x6C\x69\x63\x6B","\x2E\x73\x63\x72\x6F\x6C\x6C\x42\x74\x6E","\x77\x69\x64\x74\x68","\x36\x30\x25","\x70\x61\x72\x61\x6C\x6C\x61\x78","\x23\x70\x61\x72\x61\x6C\x6C\x61\x78\x20\x2E\x70\x61\x72\x61\x6C\x6C\x61\x78\x2D\x6C\x61\x79\x65\x72","\x63\x73\x73","\x23\x73\x69\x74\x65\x43\x6F\x6E\x74\x61\x69\x6E\x65\x72","\x74\x72\x69\x61\x6E\x67\x6C\x65","\x78","\x72\x65\x63\x74\x61\x6E\x67\x6C\x65","\x63\x69\x72\x63\x6C\x65","\x63\x68\x65\x63\x6B","\x7A\x69\x67\x7A\x61\x67","\x61\x72\x72\x6F\x77","\x64\x65\x6C\x65\x74\x65","\x70\x69\x67\x74\x61\x69\x6C","\x73\x74\x61\x72","\x6D\x6F\x74\x69\x6F\x6E\x43\x61\x70\x74\x63\x68\x61","\x23\x63\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D","\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70","\x66\x61\x64\x65\x49\x6E","\x2E\x72\x69\x67\x68\x74\x4C\x69\x6B\x65\x42\x6F\x78\x65\x73","\x66\x61\x64\x65\x4F\x75\x74","\x73\x63\x72\x6F\x6C\x6C","\x61\x6E\x69\x6D\x61\x74\x65","\x2D\x35\x70\x78","\x2D\x39\x33\x70\x78","\x68\x6F\x76\x65\x72","\x62\x6F\x64\x79\x2C\x68\x74\x6D\x6C","\x23\x62\x61\x63\x6B\x2D\x74\x6F\x70","\x23\x65\x72\x72\x6F\x72\x44\x69\x76\x31","\x66\x6F\x72\x6D\x56\x61\x6C\x69\x64\x61\x74\x6F\x72","\x23\x63\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x42\x74\x6E","\x65\x72\x72\x6F\x72\x2D\x69\x6E\x70\x75\x74","\x68\x61\x73\x43\x6C\x61\x73\x73","\x23\x63\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x20\x69\x6E\x70\x75\x74","\x73\x65\x72\x69\x61\x6C\x69\x7A\x65","\x50\x4F\x53\x54","\x6D\x61\x69\x6C\x65\x72\x2E\x70\x68\x70","\x73\x68\x6F\x77","\x4D\x65\x73\x61\x6A\x20\x67\xF6\x6E\x64\x65\x72\x69\x6C\x69\x79\x6F\x72\x2E\x2E","\x68\x74\x6D\x6C","\x4F\x4B","\x4D\x65\x73\x61\x6A\u0131\x6E\u0131\x7A\x20\x62\x61\u015F\x61\x72\u0131\x20\x69\x6C\x65\x20\x67\xF6\x6E\x64\x65\x72\x69\x6C\x64\x69\x2E","\x42\x69\x72\x20\x48\x61\x74\x61\x20\x6F\x6C\x75\u015F\x74\x75\x21\x20\x4C\xFC\x74\x66\x65\x6E\x20\x64\x61\x68\x61\x20\x73\x6F\x6E\x72\x61\x20\x74\x65\x6B\x72\x61\x72\x20\x64\x65\x6E\x65\x79\x69\x6E\x69\x7A\x2E","\x61\x6A\x61\x78","","\x76\x61\x6C","\x23\x63\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x20\x74\x65\x78\x74\x61\x72\x65\x61","\x23\x6D\x63\x2D\x61\x63\x74\x69\x6F\x6E","\x62\x6F\x72\x64\x65\x72","\x31\x70\x78\x20\x73\x6F\x6C\x69\x64\x20\x23\x43\x30\x34\x38\x36\x31","\x23\x6D\x63\x2D\x63\x61\x6E\x76\x61\x73","\x31\x70\x78\x20\x73\x6F\x6C\x69\x64\x20\x23\x46\x46\x46","\x72\x65\x61\x64\x79"]);
    Ответ написан
    Комментировать
  • Как обратиться к after, before через js?

    Смотря что ты хочешь сделать. Стилями можно управлять, если немного пошевелиться.

    https://codepen.io/kris-iris/pen/MPJjgo

    let wrap = document.querySelector('.wrap');
    
    wrap.onclick = ()=> wrap.classList.toggle('noMagic');


    .wrap{
      position: relative;
      width: 500px;
      height: 200px;
      background: lightblue;
      margin: 0 auto;
    }
    
    .wrap::before{
      position: absolute;
      content: 'Кликни на меня, детка!';
      height: 50px;
      width: 100%;
      background: lightgreen;
      transition: 2s;
    }
    
    .noMagic.wrap::before{
      content: 'А ты молодец!';
      display: flex;
      justify-content: center;
      align-items: center;
      animation: move 1s forwards;
    }
    
    @keyFrames move{
      100% {
        height: 100%;
      }
    }
    Ответ написан
    7 комментариев