<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>График синусоиды</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<meta content="width=device-width, initial-scale=1" name="viewport">
<style>
canvas {
background: #fff;
border: 1px solid #dee2e6;
}
</style>
</head>
<body class="bg-light">
<div class="container py-4">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="card shadow-sm">
<div class="card-body">
<h3 class="card-title text-center mb-3">
График функции
<span class="text-primary">y = a sin(k x + δ)</span>
</h3>
<div class="text-center mb-4">
<canvas height="300" id="example" width="480"></canvas>
</div>
<form class="row g-3" id="paramsForm">
<div class="col-md-4">
<label class="form-label">a</label>
<input class="form-control" id="paramA" step="any" type="number" value="1">
</div>
<div class="col-md-4">
<label class="form-label">k</label>
<input class="form-control" id="paramK" step="any" type="number" value="1">
</div>
<div class="col-md-4">
<label class="form-label">δ</label>
<input class="form-control" id="paramD" step="any" type="number" value="0">
</div>
<div class="col-12 text-center">
<button class="btn btn-primary px-4" type="submit">
Построить график
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script>
const canvas = document.getElementById('example');
const ctx = canvas.getContext('2d');
function calc(x, a, k, d) {
return a * Math.sin(d + x * k * Math.PI / 60);
}
function clearCanvas() {
ctx.setTransform(1, 0, 0, 1, 0, 0);
ctx.clearRect(0, 0, canvas.width, canvas.height);
}
function drawGraph(a, k, d) {
clearCanvas();
const w = canvas.width;
const h = canvas.height;
ctx.translate(w / 2, h / 2);
const dx = w / 8; // π
const dy = h / 6; // 1
const ay = h / 6;
ctx.font = "12px Arial";
ctx.fillStyle = "#212529";
ctx.textAlign = "center";
ctx.textBaseline = "middle";
ctx.strokeStyle = "#dee2e6";
ctx.lineWidth = 0.5;
for (let i = -4; i <= 4; i++) {
ctx.beginPath();
ctx.moveTo(i * dx, -h / 2);
ctx.lineTo(i * dx, h / 2);
ctx.stroke();
}
for (let i = -3; i <= 3; i++) {
ctx.beginPath();
ctx.moveTo(-w / 2, i * dy);
ctx.lineTo(w / 2, i * dy);
ctx.stroke();
}
ctx.strokeStyle = "#000";
ctx.lineWidth = 1;
ctx.beginPath();
ctx.moveTo(-w / 2, 0);
ctx.lineTo(w / 2, 0);
ctx.moveTo(0, -h / 2);
ctx.lineTo(0, h / 2);
ctx.stroke();
ctx.fillText("X", w / 2 - 10, -12);
ctx.fillText("Y", 12, -h / 2 + 10);
ctx.fillText("0", 10, 10);
for (let i = -4; i <= 4; i++) {
if (i === 0) continue;
let label = i === 1 ? "π" :
i === -1 ? "−π" :
`${i}π`;
ctx.fillText(label, i * dx, 16);
}
ctx.textAlign = "right";
for (let i = -3; i <= 3; i++) {
if (i === 0) continue;
ctx.fillText(i.toString(), -6, -i * dy);
}
ctx.textAlign = "center";
ctx.strokeStyle = "#dc3545";
ctx.lineWidth = 2;
ctx.beginPath();
for (let i = -w / 4; i <= w / 4; i++) {
const x = i * 2;
const y = -ay * calc(x, a, k, d);
i === -w / 4 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
}
ctx.stroke();
}
document.getElementById('paramsForm').addEventListener('submit', e => {
e.preventDefault();
const a = parseFloat(document.getElementById('paramA').value);
const k = parseFloat(document.getElementById('paramK').value);
const d = parseFloat(document.getElementById('paramD').value);
drawGraph(a, k, d);
});
drawGraph(1, 1, 0);
</script>
</body>
</html>
19.12.2025, 22:36 
и 
) и пяти логических операторов (
, 
, 
, 
, 
) с поправкой на некоторые технические детали, которые здесь не особенно важны. При этом привязка задач к реальному миру вовсе не делает их автоматически проще. Например, любимое упражнение по оптимизации, построение курятника, требует внимательной постановки модели, несмотря на то что оно связано с бытовой ситуацией. 
. Ей несколько раз писали: "Возьмите калькулятор, подставьте значения и убедитесь", но, похоже, сам смысл такого шага для неё не вполне очевиден. В формальных курсах математики обычно отдельно объясняют разницу между доказательством и контрпримером. Если бы с этим уже приходилось сталкиваться, возможно, идея проверить равенство на конкретных 
возникла бы сама собой. Это хорошо иллюстрирует различие подходов: формальная математика учит работать с утверждениями и правилами осознанно, тогда как школьная математика часто сводится к распознаванию шаблонов и их автоматическому применению, иногда даже без явного понимания самих правил.
вынося символ 
за скобки, как 
, и уже приготовился к такому раскладу. Плюс, у уравнения 
имеется серия решений 
и к этому я тоже приготовился 
Но ТС той темы 
). А с ТС той темы да, наверное ничего не сработает; но, как говорится, попытка - не пытка.