#ПростоеВебПриложение
Код из видео:
Файл main.py:
import eel
eel.init('web')
eel.start('index.html', size=(700, 700))
Файл index.html:
<html>
<head>
<title>Журнал</title>
<meta charset="UTF-8">
<style type="text/css">
body{
background: #FFDEAD;
}
table{
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
td, th{
border: 2px solid black;
}
</style>
</head>
<body>
<h1 align="center">Журнал</h1>
<table id="journal">
<tr>
<th>Абрамович</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<th>Гордон</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<th>Карен</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<th>Юрий</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<th>Юлий</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
<script>
let cells = document.querySelectorAll("#journal td");
for (let cell of cells) {
let mark = Math.floor(Math.random() * 4) + 2;
let colors = {
2: "red",
3: "yellow",
4: "green",
5: "lime",
};
cell.innerText = String(mark);
cell.style.backgroundColor = colors[mark];
}
</script>
</body>
</html>
Код из видео:
Файл main.py:
import eel
eel.init('web')
eel.start('index.html', size=(700, 700))
Файл index.html:
<html>
<head>
<title>Журнал</title>
<meta charset="UTF-8">
<style type="text/css">
body{
background: #FFDEAD;
}
table{
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
td, th{
border: 2px solid black;
}
</style>
</head>
<body>
<h1 align="center">Журнал</h1>
<table id="journal">
<tr>
<th>Абрамович</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<th>Гордон</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<th>Карен</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<th>Юрий</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<th>Юлий</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
<script>
let cells = document.querySelectorAll("#journal td");
for (let cell of cells) {
let mark = Math.floor(Math.random() * 4) + 2;
let colors = {
2: "red",
3: "yellow",
4: "green",
5: "lime",
};
cell.innerText = String(mark);
cell.style.backgroundColor = colors[mark];
}
</script>
</body>
</html>
👍1