initial commit
This commit is contained in:
BIN
Лаб1-2/assets/golang-logo.png
Normal file
BIN
Лаб1-2/assets/golang-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
Лаб1-2/assets/javascript-logo.png
Normal file
BIN
Лаб1-2/assets/javascript-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
Лаб1-2/assets/lightbulb.png
Normal file
BIN
Лаб1-2/assets/lightbulb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 396 B |
BIN
Лаб1-2/assets/rust-logo.png
Normal file
BIN
Лаб1-2/assets/rust-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
Лаб1-2/assets/star.png
Normal file
BIN
Лаб1-2/assets/star.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 453 B |
68
Лаб1-2/css/style.css
Normal file
68
Лаб1-2/css/style.css
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
body {
|
||||||
|
font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
|
||||||
|
color: #333;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 20px;
|
||||||
|
margin-bottom: 70px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rainbow-button {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-header {
|
||||||
|
background-color: #007bff;
|
||||||
|
color: #fff;
|
||||||
|
padding: 10px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-footer {
|
||||||
|
background-color: #007bff;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px 0;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-header nav ul {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-header nav ul li {
|
||||||
|
display: inline;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-header nav ul li a {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #007bff;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
color: #007bff;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
47
Лаб1-2/golang.html
Normal file
47
Лаб1-2/golang.html
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<title>Go</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="main-header">
|
||||||
|
<h1>Go</h1>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Главная</a></li>
|
||||||
|
<li><a href="javascript.html">JavaScript</a></li>
|
||||||
|
<li><a href="rust.html">Rust</a></li>
|
||||||
|
<li><a href="golang.html">Go</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<h2>О языке Go</h2>
|
||||||
|
<p>Go, также известный как Golang, - это язык программирования, разработанный в Google. Он был создан в 2007 году Робертом Гризмером, Робом Пайком и Кеном Томпсоном. Go был создан с целью создания простого и эффективного языка программирования для разработки веб-приложений, серверных приложений и системного программирования.</p>
|
||||||
|
<img src="assets/golang-logo.png" alt="Go Logo" width="200">
|
||||||
|
<h2>Преимущества Go</h2>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Простота и ясность:</strong> Синтаксис Go является простым и лаконичным, что делает код легко читаемым и понятным.</li>
|
||||||
|
<li><strong>Высокая производительность:</strong> Go обеспечивает высокую скорость выполнения благодаря своей компиляции в машинный код и эффективному управлению памятью.</li>
|
||||||
|
<li><strong>Кроссплатформенность:</strong> Приложения, написанные на Go, могут запускаться на различных операционных системах без изменений кода.</li>
|
||||||
|
<li><strong>Встроенная поддержка параллелизма:</strong> Go предоставляет встроенные инструменты для создания параллельных программ с помощью горутин и каналов.</li>
|
||||||
|
<li><strong>Богатая стандартная библиотека:</strong> Стандартная библиотека Go содержит множество полезных пакетов для работы с сетью, вводом-выводом, шифрованием и другими задачами.</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Применение Go</h2>
|
||||||
|
<p>Go используется в различных областях, включая:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Разработка веб-серверов и микросервисов</li>
|
||||||
|
<li>Системное программирование, включая создание операционных систем и инструментов</li>
|
||||||
|
<li>Разработка сетевых приложений и обработка больших данных</li>
|
||||||
|
<li>Криптография и кибербезопасность</li>
|
||||||
|
<li>Разработка блокчейн-приложений и смарт-контрактов</li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
<footer class="main-footer">
|
||||||
|
<p>© 2024 Языки программирования</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
100
Лаб1-2/index.html
Normal file
100
Лаб1-2/index.html
Normal file
@@ -0,0 +1,100 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<script>
|
||||||
|
function scrollToTop() {
|
||||||
|
window.scrollTo({
|
||||||
|
top: 0,
|
||||||
|
behavior: 'smooth'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
function getRandomColor() {
|
||||||
|
var r = Math.floor(Math.random() * 256);
|
||||||
|
var g = Math.floor(Math.random() * 256);
|
||||||
|
var b = Math.floor(Math.random() * 256);
|
||||||
|
|
||||||
|
var color = 'rgb(' + r + ', ' + g + ', ' + b + ')';
|
||||||
|
|
||||||
|
return color;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<title>Языки программирования</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header class="main-header">
|
||||||
|
<a href="javascript:alert('Пасхалка!!!')" class="rainbow-button">
|
||||||
|
<img src="assets/star.png">
|
||||||
|
</a>
|
||||||
|
<h1>Языки программирования
|
||||||
|
<button onclick="document.body.style.backgroundColor = getRandomColor();">
|
||||||
|
<img src="assets/lightbulb.png">
|
||||||
|
</button>
|
||||||
|
</h1>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Главная</a></li>
|
||||||
|
<li><a href="javascript.html">JavaScript</a></li>
|
||||||
|
<li><a href="rust.html">Rust</a></li>
|
||||||
|
<li><a href="golang.html">Go</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<h2>Добро пожаловать на сайт о языках программирования!</h2>
|
||||||
|
<p>Здесь вы найдете информацию о различных языках программирования. Ниже представлены некоторые из них:</p>
|
||||||
|
<ul>
|
||||||
|
<li>JavaScript</li>
|
||||||
|
<li>Rust</li>
|
||||||
|
<li>Go</li>
|
||||||
|
</ul>
|
||||||
|
<h3>JavaScript</h3>
|
||||||
|
<p>JavaScript - это высокоуровневый, интерпретируемый язык программирования. Он широко используется для создания
|
||||||
|
динамических интерактивных веб-страниц.</p>
|
||||||
|
<img src="assets/javascript-logo.png" alt="JavaScript Logo" width="200" onmouseenter="this.width = 300"
|
||||||
|
onmouseleave="this.width = 200">
|
||||||
|
<h3>Rust</h3>
|
||||||
|
<p>Rust - это системный язык программирования, который известен своей производительностью и безопасностью.</p>
|
||||||
|
<img src="assets/rust-logo.png" alt="Rust Logo" width="200"
|
||||||
|
onclick="javascript:window.location.href='https://www.rust-lang.org'">
|
||||||
|
<h3>Go</h3>
|
||||||
|
<p>Go, также известный как Golang, - это язык программирования, разработанный в Google. Он известен своей
|
||||||
|
простотой, эффективностью и возможностью параллельного выполнения.</p>
|
||||||
|
<img src="assets/golang-logo.png" alt="Go Logo" width="200">
|
||||||
|
<h3>Сравнение языков программирования:</h3>
|
||||||
|
<table border="1">
|
||||||
|
<tr>
|
||||||
|
<th>Язык</th>
|
||||||
|
<th>Популярность</th>
|
||||||
|
<th>Применение</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>JavaScript</td>
|
||||||
|
<td>Очень высокая</td>
|
||||||
|
<td>Веб-разработка, создание интерактивных элементов</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Rust</td>
|
||||||
|
<td>Растущая</td>
|
||||||
|
<td>Системное программирование, безопасность, высокая производительность</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Go</td>
|
||||||
|
<td>Растущая</td>
|
||||||
|
<td>Серверное программирование, облачные вычисления, сетевые приложения</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<button onclick="scrollToTop()">Наверх</button>
|
||||||
|
</main>
|
||||||
|
<footer class="main-footer">
|
||||||
|
<p>© 2024 Языки программирования</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
45
Лаб1-2/javascript.html
Normal file
45
Лаб1-2/javascript.html
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<title>JavaScript</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="main-header">
|
||||||
|
<h1>JavaScript</h1>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Главная</a></li>
|
||||||
|
<li><a href="javascript.html">JavaScript</a></li>
|
||||||
|
<li><a href="rust.html">Rust</a></li>
|
||||||
|
<li><a href="golang.html">Go</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<h2>О языке JavaScript</h2>
|
||||||
|
<p>JavaScript - это высокоуровневый, интерпретируемый язык программирования, который широко используется для создания динамических интерактивных веб-страниц. Он был создан в 1995 году Бренданом Эйхом и изначально назывался LiveScript, но затем был переименован в JavaScript.</p>
|
||||||
|
<img src="assets/javascript-logo.png" alt="JavaScript Logo" width="200">
|
||||||
|
<h2>Применение JavaScript</h2>
|
||||||
|
<p>JavaScript используется во множестве сфер, включая:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Разработка клиентских веб-приложений</li>
|
||||||
|
<li>Создание динамических веб-сайтов</li>
|
||||||
|
<li>Разработка игр и мультимедийных приложений</li>
|
||||||
|
<li>Веб-аналитика и трекинг действий пользователей</li>
|
||||||
|
<li>Создание расширений для браузеров</li>
|
||||||
|
<li>Разработка серверных приложений с использованием Node.js</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Пример кода на JavaScript</h2>
|
||||||
|
<p>Пример простого скрипта на JavaScript, который изменяет цвет фона страницы:</p>
|
||||||
|
<pre><code>
|
||||||
|
document.body.style.backgroundColor = 'lightblue';
|
||||||
|
</code></pre>
|
||||||
|
</main>
|
||||||
|
<footer class="main-footer">
|
||||||
|
<p>© 2024 Языки программирования</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
46
Лаб1-2/rust.html
Normal file
46
Лаб1-2/rust.html
Normal file
@@ -0,0 +1,46 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<title>Rust</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="main-header">
|
||||||
|
<h1>Rust</h1>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html">Главная</a></li>
|
||||||
|
<li><a href="javascript.html">JavaScript</a></li>
|
||||||
|
<li><a href="rust.html">Rust</a></li>
|
||||||
|
<li><a href="golang.html">Go</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<h2>О языке Rust</h2>
|
||||||
|
<p>Rust - это системный язык программирования, который известен своей производительностью и безопасностью. Он был разработан Mozilla Research и впервые выпущен в 2010 году. Основные принципы Rust включают в себя безопасность, скорость и параллелизм.</p>
|
||||||
|
<img src="assets/rust-logo.png" alt="Rust Logo" width="200">
|
||||||
|
<h2>Преимущества Rust</h2>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Безопасность:</strong> Rust предоставляет гарантии безопасности во время компиляции, предотвращая множество типов ошибок, таких как доступ к нулевому указателю или выход за пределы массива.</li>
|
||||||
|
<li><strong>Производительность:</strong> Rust обеспечивает высокую производительность благодаря эффективному управлению памятью и оптимизациям компилятора.</li>
|
||||||
|
<li><strong>Параллелизм:</strong> Rust поддерживает безопасное параллельное выполнение кода через механизмы типажей и заимствования.</li>
|
||||||
|
<li><strong>Простота использования:</strong> Синтаксис Rust напоминает синтаксис других языков программирования, что облегчает изучение и использование языка.</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Применение Rust</h2>
|
||||||
|
<p>Rust используется в различных областях, включая:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Системное программирование, включая операционные системы и драйверы устройств</li>
|
||||||
|
<li>Разработка веб-серверов и микросервисов</li>
|
||||||
|
<li>Криптография и кибербезопасность</li>
|
||||||
|
<li>Игровая индустрия, включая разработку игр и движков</li>
|
||||||
|
<li>Разработка блокчейн-приложений и смарт-контрактов</li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
<footer class="main-footer">
|
||||||
|
<p>© 2024 Языки программирования</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
152
Лаб3/index.html
Normal file
152
Лаб3/index.html
Normal file
@@ -0,0 +1,152 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Табулирование функции</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h2>Табулирование функции f(x, y)</h2>
|
||||||
|
<form id="parameters">
|
||||||
|
<label for="a">Введите значение параметра a:</label>
|
||||||
|
<input type="number" id="a" name="a" min="0">
|
||||||
|
<br>
|
||||||
|
<label for="nm1">Введите значение параметра nm1 (от 2 до 6):</label>
|
||||||
|
<input type="number" id="nm1" name="nm1" min="2" max="6">
|
||||||
|
<br>
|
||||||
|
<label for="nm2">Введите значение параметра nm2 (от 2 до 6):</label>
|
||||||
|
<input type="number" id="nm2" name="nm2" min="2" max="6">
|
||||||
|
<br>
|
||||||
|
<label for="xmin">Минимальное значение x:</label>
|
||||||
|
<input type="number" id="xmin" name="xmin">
|
||||||
|
<label for="xmax">Максимальное значение x:</label>
|
||||||
|
<input type="number" id="xmax" name="xmax">
|
||||||
|
<label for="stepX">Шаг для x:</label>
|
||||||
|
<input type="number" id="stepX" name="stepX" min="0.1">
|
||||||
|
<br>
|
||||||
|
<label for="ymin">Минимальное значение y:</label>
|
||||||
|
<input type="number" id="ymin" name="ymin">
|
||||||
|
<label for="ymax">Максимальное значение y:</label>
|
||||||
|
<input type="number" id="ymax" name="ymax">
|
||||||
|
<label for="stepY">Шаг для y:</label>
|
||||||
|
<input type="number" id="stepY" name="stepY" min="0.1">
|
||||||
|
<br>
|
||||||
|
<button type="button" onclick="calculate()">Вычислить</button>
|
||||||
|
</form>
|
||||||
|
<br>
|
||||||
|
<div id="tableContainer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function calculate() {
|
||||||
|
const a = parseFloat(document.getElementById('a').value);
|
||||||
|
let nm1 = parseInt(document.getElementById('nm1').value);
|
||||||
|
let nm2 = parseInt(document.getElementById('nm2').value);
|
||||||
|
let xmin = parseFloat(document.getElementById('xmin').value);
|
||||||
|
let xmax = parseFloat(document.getElementById('xmax').value);
|
||||||
|
let ymin = parseFloat(document.getElementById('ymin').value);
|
||||||
|
let ymax = parseFloat(document.getElementById('ymax').value);
|
||||||
|
let stepX = parseFloat(document.getElementById('stepX').value);
|
||||||
|
let stepY = parseFloat(document.getElementById('stepY').value);
|
||||||
|
|
||||||
|
if (xmin >= xmax) {
|
||||||
|
temp = xmin;
|
||||||
|
xmin = xmax;
|
||||||
|
xmax = temp;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ymin >= ymax) {
|
||||||
|
temp = ymin;
|
||||||
|
ymin = ymax;
|
||||||
|
ymax = temp;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (stepX <= 0)
|
||||||
|
stepX = 0.1;
|
||||||
|
|
||||||
|
if (stepY <= 0)
|
||||||
|
stepY = 0.1;
|
||||||
|
|
||||||
|
if (nm1 < 2)
|
||||||
|
nm1 = 2;
|
||||||
|
|
||||||
|
if (nm2 < 2)
|
||||||
|
nm2 = 2;
|
||||||
|
|
||||||
|
if (nm1 > 6)
|
||||||
|
nm1 = 6;
|
||||||
|
|
||||||
|
if (nm2 > 6)
|
||||||
|
nm2 = 6;
|
||||||
|
|
||||||
|
document.getElementById('xmin').value = xmin;
|
||||||
|
document.getElementById('xmax').value = xmax;
|
||||||
|
document.getElementById('ymin').value = ymin;
|
||||||
|
document.getElementById('ymax').value = ymax;
|
||||||
|
document.getElementById('stepX').value = stepX;
|
||||||
|
document.getElementById('stepY').value = stepY;
|
||||||
|
document.getElementById('nm1').value = nm1;
|
||||||
|
document.getElementById('nm2').value = nm2;
|
||||||
|
|
||||||
|
function calculateFunction(x, y) {
|
||||||
|
let result;
|
||||||
|
if (x < a) {
|
||||||
|
result = 0;
|
||||||
|
for (let n = 0; n <= nm1; n++) {
|
||||||
|
result += Math.pow(x, n) / (2 * Math.pow(y, n + 1) + x * n);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result = 0;
|
||||||
|
for (let n = 0; n <= nm2; n++) {
|
||||||
|
result += (3 * x + y) / (3 * factorial(n));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
function factorial(n) {
|
||||||
|
if (n === 0 || n === 1)
|
||||||
|
return 1;
|
||||||
|
else
|
||||||
|
return n * factorial(n - 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
let maxX, maxY, maxResult = -Infinity;
|
||||||
|
let minX, minY, minResult = Infinity;
|
||||||
|
|
||||||
|
let tableHtml = '<table border="1"><tr><th>x \\ y</th>';
|
||||||
|
for (let y = ymin; y <= ymax; y += stepY)
|
||||||
|
tableHtml += `<th>${y.toFixed(2)}</th>`;
|
||||||
|
tableHtml += '</tr>';
|
||||||
|
|
||||||
|
for (let x = xmin; x <= xmax; x += stepX) {
|
||||||
|
tableHtml += `<tr><th>${x.toFixed(2)}</th>`;
|
||||||
|
for (let y = ymin; y <= ymax; y += stepY) {
|
||||||
|
const result = calculateFunction(x, y);
|
||||||
|
tableHtml += `<td>${result.toFixed(2)}</td>`;
|
||||||
|
|
||||||
|
if (result > maxResult) {
|
||||||
|
maxResult = result;
|
||||||
|
maxX = x;
|
||||||
|
maxY = y;
|
||||||
|
}
|
||||||
|
if (result < minResult) {
|
||||||
|
minResult = result;
|
||||||
|
minX = x;
|
||||||
|
minY = y;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
tableHtml += '</tr>';
|
||||||
|
}
|
||||||
|
tableHtml += '</table>';
|
||||||
|
|
||||||
|
tableHtml += `<p>Максимальное значение: ${maxResult.toFixed(2)} при x=${maxX.toFixed(2)} и y=${maxY.toFixed(2)}</p>`;
|
||||||
|
tableHtml += `<p>Минимальное значение: ${minResult.toFixed(2)} при x=${minX.toFixed(2)} и y=${minY.toFixed(2)}</p>`;
|
||||||
|
|
||||||
|
document.getElementById('tableContainer').innerHTML = tableHtml;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
167
Лаб4/index.html
Normal file
167
Лаб4/index.html
Normal file
@@ -0,0 +1,167 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Динамическая таблица</title>
|
||||||
|
<style>
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.red {
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blue {
|
||||||
|
background-color: aqua;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<label for="tableSize">Введите размер таблицы (1-50): </label>
|
||||||
|
<input type="number" id="tableSize" min="1" max="50">
|
||||||
|
<button onclick="createTable()">Создать таблицу</button>
|
||||||
|
<button onclick="removeRows()">Удалить строки</button>
|
||||||
|
<button onclick="replaceCells()">Заменить ячейки</button>
|
||||||
|
<button onclick="reflectRows()">Отразить строки</button>
|
||||||
|
|
||||||
|
<div id="tableContainer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function createTable() {
|
||||||
|
let tableSize = parseInt(document.getElementById("tableSize").value);
|
||||||
|
if (tableSize < 1 || tableSize > 50) {
|
||||||
|
alert("Размер таблицы должен быть от 1 до 50");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let tableContainer = document.getElementById("tableContainer");
|
||||||
|
tableContainer.innerHTML = '';
|
||||||
|
|
||||||
|
let table = document.createElement('table');
|
||||||
|
table.setAttribute('id', 'dynamicTable');
|
||||||
|
|
||||||
|
for (let i = 1; i <= tableSize; i++) {
|
||||||
|
let row = document.createElement('tr');
|
||||||
|
row.classList.add(i % 2 === 1 ? 'red' : 'blue');
|
||||||
|
for (let j = 1; j <= i; j++) {
|
||||||
|
let cell = document.createElement('td');
|
||||||
|
if (j === 1 || j === i || i === tableSize) {
|
||||||
|
cell.textContent = i;
|
||||||
|
}
|
||||||
|
// cell.classList.add(j % 2 === 0 ? 'red' : 'blue');
|
||||||
|
row.appendChild(cell);
|
||||||
|
}
|
||||||
|
table.appendChild(row);
|
||||||
|
}
|
||||||
|
tableContainer.appendChild(table);
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeRows() {
|
||||||
|
let sumThreshold = parseInt(prompt("Введите пороговое значение суммы:"));
|
||||||
|
if (isNaN(sumThreshold)) {
|
||||||
|
alert("Некорректное значение суммы");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let table = document.getElementById('dynamicTable');
|
||||||
|
if (!table) {
|
||||||
|
alert("Сначала создайте таблицу");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let rows = table.getElementsByTagName('tr');
|
||||||
|
for (let i = rows.length - 1; i >= 0; i--) {
|
||||||
|
let cells = rows[i].getElementsByTagName('td');
|
||||||
|
let sum = 0;
|
||||||
|
for (let j = 0; j < cells.length; j++) {
|
||||||
|
let cellValue = parseInt(cells[j].textContent);
|
||||||
|
if (!isNaN(cellValue))
|
||||||
|
sum += parseInt(cells[j].textContent);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (sum < sumThreshold)
|
||||||
|
table.removeChild(rows[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function replaceCells() {
|
||||||
|
let choice = prompt("Выберите 'сумма' (1) или 'среднее' (2)");
|
||||||
|
if (choice !== '1' && choice !== '2') {
|
||||||
|
alert("Некорректное значение");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let table = document.getElementById('dynamicTable');
|
||||||
|
if (!table) {
|
||||||
|
alert("Сначала создайте таблицу");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let rows = table.getElementsByTagName('tr');
|
||||||
|
let sum = 0;
|
||||||
|
let count = 0;
|
||||||
|
for (let i = 0; i < rows.length; i++) {
|
||||||
|
let cells = rows[i].getElementsByTagName('td');
|
||||||
|
for (let j = 0; j < cells.length; j++) {
|
||||||
|
let cellValue = parseInt(cells[j].textContent);
|
||||||
|
if (!isNaN(cellValue)) {
|
||||||
|
sum += cellValue;
|
||||||
|
count++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let avg = sum / count;
|
||||||
|
for (let i = 1; i < rows.length; i++) {
|
||||||
|
let row = rows[i];
|
||||||
|
if (row.classList.contains('red')) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
let cells = row.getElementsByTagName('td');
|
||||||
|
for (let j = 0; j < cells.length; j++) {
|
||||||
|
if (choice === '1') {
|
||||||
|
if (!isNaN(parseInt(cells[j].textContent))) {
|
||||||
|
cells[j].textContent = sum;
|
||||||
|
}
|
||||||
|
} else if (choice === '2') {
|
||||||
|
if (!isNaN(parseInt(cells[j].textContent))) {
|
||||||
|
cells[j].textContent = avg;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function reflectRows() {
|
||||||
|
let table = document.getElementById('dynamicTable');
|
||||||
|
if (!table) {
|
||||||
|
alert("Сначала создайте таблицу");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let rows = table.getElementsByTagName('tr');
|
||||||
|
|
||||||
|
let tableContainer = document.getElementById("tableContainer");
|
||||||
|
tableContainer.innerHTML = '';
|
||||||
|
|
||||||
|
let newTable = document.createElement('table');
|
||||||
|
newTable.setAttribute('id', 'dynamicTable');
|
||||||
|
let tableSize = rows.length;
|
||||||
|
for (let i = 1; i <= tableSize; i++) {
|
||||||
|
let row = rows[tableSize - i].cloneNode(true);
|
||||||
|
newTable.appendChild(row);
|
||||||
|
}
|
||||||
|
tableContainer.appendChild(newTable);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user