{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"ТЗ - Создать HTML-страницу и добавить на нее кнопку, которая будет открывать модальное окно.","type":"unstyled","key":"8ns00"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML","type":"header-three","key":"foo17"},{"data":{"image":{"id":"6845919244ed5906d6e6f415"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3oea2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"cfeb6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"1hrj4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"38f4c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"7jhg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"f2bv8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"cl3og"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"fn1qu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS","type":"header-three","key":"5e9es"},{"data":{"image":{"id":"684591b24bac1a4b04e010f1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cne9q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".modal_overlay{","type":"blockquote","key":"closc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: fixed;","type":"blockquote","key":"1agu5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"top: 0;","type":"blockquote","key":"672cn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"left: 0;","type":"blockquote","key":"5r6eg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"blockquote","key":"9vcjp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 100%;","type":"blockquote","key":"agf8m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: rgba(0,0,0,0.7);","type":"blockquote","key":"f3g9n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: none;","type":"blockquote","key":"3coig"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"263fj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".modal {","type":"blockquote","key":"d444n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: white;","type":"blockquote","key":"f5a7o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-left:40%;","type":"blockquote","key":"1lp20"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-top:1%;","type":"blockquote","key":"19beb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding-bottom:20px;","type":"blockquote","key":"6tjv6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 8px;","type":"blockquote","key":"b4hs5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 200px;","type":"blockquote","key":"d99ic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 80px;","type":"blockquote","key":"2hdsm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text-align: center;","type":"blockquote","key":"amkio"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: 0 2px 10px rgba(0,0,0,0.3);","type":"blockquote","key":"8fqje"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"2t3m6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#openBtn{","type":"blockquote","key":"bh58e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius:10px;","type":"blockquote","key":"5vp3n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border:2px solid #4169E1;","type":"blockquote","key":"7q4c5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background:#ADD8E6;","type":"blockquote","key":"1v24o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color:#000080;","type":"blockquote","key":"f04a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"f2plv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#closeBtn{","type":"blockquote","key":"ck8b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius:10px;","type":"blockquote","key":"cqi10"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border:2px solid #DC143C;","type":"blockquote","key":"a03ba"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background:#FA8072;","type":"blockquote","key":"4js2g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color:#8B0000;","type":"blockquote","key":"ei9kg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"9sfbm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#closeBtn:hover{","type":"blockquote","key":"31r1u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background:#CD5C5C;","type":"blockquote","key":"c40lo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"cke38"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#openBtn:hover{","type":"blockquote","key":"2d248"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background:#87CEEB;","type":"blockquote","key":"2tbuj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"6lh8c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"a1vv3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JS","type":"header-three","key":"4m5n7"},{"data":{"image":{"id":"684591c7cf8dda7689cd58ed"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"d8fc8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const openBtn = document.getElementById('openBtn');","type":"blockquote","key":"7ff6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const closeBtn = document.getElementById('closeBtn');","type":"blockquote","key":"chl4f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const modalOverlay = document.getElementById('modalOverlay');","type":"blockquote","key":"9cotg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"openBtn.addEventListener('click', ()=>{","type":"blockquote","key":"j702"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"modalOverlay.style.display = \"flex\";","type":"blockquote","key":"bmks2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"blockquote","key":"7eorf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"closeBtn.addEventListener('click', ()=>{","type":"blockquote","key":"ba06u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"modalOverlay.style.display = \"none\";","type":"blockquote","key":"2bv5h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"blockquote","key":"21oon"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e893q"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":3,"offset":42}],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"},{"length":4,"offset":42,"style":"BOLD"}],"text":"Ознакомиться с работай данного кода можно ТУТ.","type":"unstyled","key":"2ecac"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"OLNX9mDjX4TJ9Z7FvpqL"}],"entityMap":{"0":{"data":{"url":"https://codepen.io/vpseohhv-the-looper/pen/yyNNWRg"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}