---
# System prepended metadata

title: Понедельник 27.06. Отчет Дидковской Виктории

---

# Понедельник 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>

