{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"ТЗ - создать HTML-страницу и разместить на ней несколько кнопок. При наведении на кнопку должна появляться подсказка сверху или, если нет места, снизу.","type":"unstyled","key":"c8id7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML","type":"header-three","key":"5kkv2"},{"data":{"image":{"id":"68459009129ad45762a2b1f7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"12v00"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"23e1a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"3v254"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

кнопка 1

","type":"blockquote","key":"19d9c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"blockquote","key":"4a11e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

кнопка 2

","type":"blockquote","key":"co2tv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"dtscg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

кнопка 3

","type":"blockquote","key":"fqt5j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"85iun"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"8sr09"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ejgn0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS","type":"header-three","key":"3c54u"},{"data":{"image":{"id":"684590446bc49e3472c08b0f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7ksfd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#podsk1, #podsk2, #podsk3{","type":"blockquote","key":"2i00q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: fixed;","type":"blockquote","key":"1urpa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position:abcolute;","type":"blockquote","key":"8nchh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border:1px solid;","type":"blockquote","key":"8ni02"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width:70px;","type":"blockquote","key":"613ga"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height:30px;","type":"blockquote","key":"16hk7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius:15px;","type":"blockquote","key":"djkmj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background:#DEB887;","type":"blockquote","key":"804u0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"80iih"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"p{","type":"blockquote","key":"2j7ke"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin:auto;","type":"blockquote","key":"3s57b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"b4eru"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#podsk1{","type":"blockquote","key":"85eb1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-top:15px;","type":"blockquote","key":"6585q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"6h017"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#podsk2, #podsk3{","type":"blockquote","key":"37t42"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-top:-55px;","type":"blockquote","key":"ad1br"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"733vj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".modal2{","type":"blockquote","key":"a0fa4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-left:100px;","type":"blockquote","key":"615f5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display:inline-block;","type":"blockquote","key":"85hcg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-top:50px;","type":"blockquote","key":"a3tr6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"5fb2k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".modal3{","type":"blockquote","key":"4qcg7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-left:100px;","type":"blockquote","key":"c04mj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display:inline-block;","type":"blockquote","key":"5ojsj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-left:250px;","type":"blockquote","key":"21gnr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-top:50px;","type":"blockquote","key":"6bugo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"1roa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".modal1{","type":"blockquote","key":"5guk8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position:relative;","type":"blockquote","key":"bhq1n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"4uaif"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".modal1, .modal2, .modal3{","type":"blockquote","key":"em4g8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width:100px;","type":"blockquote","key":"6ufuf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height:100px;","type":"blockquote","key":"3id65"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: fixed;","type":"blockquote","key":"i1mq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"blockquote","key":"5jdig"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"eoumv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JS","type":"header-three","key":"6bg1l"},{"data":{"image":{"id":"6845907e269a342894dff8ce"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9c3bq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const btn1 = document.getElementById(\"btn1\");","type":"blockquote","key":"fbidv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const btn2 = document.getElementById(\"btn2\");","type":"blockquote","key":"fda8g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const btn3 = document.getElementById(\"btn3\");","type":"blockquote","key":"34h0i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"btn1.addEventListener(\"mousemove\", () =>{","type":"blockquote","key":"1l197"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"podsk1.style.display=\"flex\";","type":"blockquote","key":"40e6i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"blockquote","key":"6hotu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"btn1.addEventListener(\"mouseout\", () =>{","type":"blockquote","key":"677ja"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"podsk1.style.display=\"none\";","type":"blockquote","key":"8db5t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"blockquote","key":"1j921"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"btn2.addEventListener(\"mousemove\", () =>{","type":"blockquote","key":"6d03b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"podsk2.style.display=\"flex\";","type":"blockquote","key":"1r8q4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"blockquote","key":"96her"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"btn2.addEventListener(\"mouseout\", () =>{","type":"blockquote","key":"4ej3b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"podsk2.style.display=\"none\";","type":"blockquote","key":"c4ero"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"blockquote","key":"cl0l2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"btn3.addEventListener(\"mousemove\", () =>{","type":"blockquote","key":"1u53c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"podsk3.style.display=\"flex\";","type":"blockquote","key":"2dvn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"blockquote","key":"4uide"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"btn3.addEventListener(\"mouseout\", () =>{","type":"blockquote","key":"ah31b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"podsk3.style.display=\"none\";","type":"blockquote","key":"1k5dl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"blockquote","key":"8o1no"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"fmr31"},{"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":"6c5r8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"uMMCx8f9ssHfkik4FJ81"}],"entityMap":{"0":{"data":{"url":"https://codepen.io/vpseohhv-the-looper/pen/vEOLear"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}