# Понедельник 27.06. Отчет Дидковской Виктории <p> <ul> <li>Выполнила пункт 1 из задания практики, оставляю ссылку на <a href = "https://replit.com/@VictoriaDidk/practice#index.html"> repl.it </a> ```html=1 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>replit</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <script src="script.js"></script> <p>Дидковская Виктория Константиновна, Прикладная математика, 1 курс </p> <img src ="photo.png" width = 20%> </img> <script src="https://replit.com/public/js/replit-badge.js" theme="blue" defer></script> </body> </html> ``` ![](https://i.imgur.com/3HhjvI2.png) > Вопрос 1. Что делает скрипт replit-badge.js на вашей страничке и как ? Ответ: данный скрипт добавляет кнопку <i>Made with Replit</i> (в правом нижнем углу). Внутри скрипта описан стиль: ```html #replit-badge { position: absolute; cursor: pointer; bottom: 16px; right: 16px; z-index: 1000; } #replit-badge svg { opacity: 0.5; transition-property: opacity, transform; transition: opacity 120ms, transform 120ms; transition-timing-function: ease-out; } #replit-badge:hover svg { transform: scale(1.05); opacity: 1; } ``` >Код содержит ссылку и событие, описанное в JS, которое должно выполняться при нажатии на кнопку > ```html <a id="replit-badge" href="/__repl?utm_medium=webview_badge" target="_blank"> ``` >Код и скриншот страницы без скрипта ```html=1 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>replit</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <script src="script.js"></script> <p>Дидковская Виктория Константиновна, Прикладная математика, 1 курс </p> <img src ="photo.png" width = 20%> </img> </body> </html> ``` ![](https://i.imgur.com/29oVWOc.jpg) <li>Присутствовала на занятии в Zoom</li> <li>Зарегистрировалась на всех предложенных платформах </li> </ul> </p>