hw/template.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>

<meta charset="utf-8">
<meta name="generator" content="quarto-1.2.475">

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">


<title>template</title>
<style>
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
ul.task-list li input[type="checkbox"] {
  width: 0.8em;
  margin: 0 0.8em 0.2em -1.6em;
  vertical-align: middle;
}
</style>


<script src="template_files/libs/clipboard/clipboard.min.js"></script>
<script src="template_files/libs/quarto-html/quarto.js"></script>
<script src="template_files/libs/quarto-html/popper.min.js"></script>
<script src="template_files/libs/quarto-html/tippy.umd.min.js"></script>
<script src="template_files/libs/quarto-html/anchor.min.js"></script>
<link href="template_files/libs/quarto-html/tippy.css" rel="stylesheet">
<link href="template_files/libs/quarto-html/quarto-syntax-highlighting.css" rel="stylesheet" id="quarto-text-highlighting-styles">
<script src="template_files/libs/bootstrap/bootstrap.min.js"></script>
<link href="template_files/libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
<link href="template_files/libs/bootstrap/bootstrap.min.css" rel="stylesheet" id="quarto-bootstrap" data-mode="light">

  <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js" type="text/javascript"></script>

</head>

<body class="fullcontent">

<div id="quarto-content" class="page-columns page-rows-contents page-layout-article">

<main class="content" id="quarto-document-content">


<section id="hw1" class="level1 unnumbered">
<h1 class="unnumbered">HW1. Типы данных. Векторы</h1>
<!--
REPLACE ALL hw1 TO hw<n> WITH MATCH CASE
-->
<section id="hw1_main" class="level2">
<h2 class="anchored" data-anchor-id="hw1_main">Основные задания</h2>
<section id="section" class="level3">
<h3 class="anchored" data-anchor-id="section">#1</h3>
<p><img id="hw1-1-level" class="level"></p>
<div id="hw1-1-task" class="task">
<p>Текст задания <code>переменная</code>.</p>
</div>
<div id="hw1-1-autocheck" class="autocheck">
<div id="hw1-1-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-1" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-1')"></p>
<div id="hw1-1-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-1-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-1" class="level3">
<h3 class="anchored" data-anchor-id="section-1">#2</h3>
<p><img id="hw1-2-level" class="level"></p>
<div id="hw1-2-task" class="task">
<p>Текст задания.</p>
<p><span class="math display">\[\sin^2{\alpha} + \cos^2{\alpha} = 1\]</span></p>
</div>
<div id="hw1-2-autocheck" class="autocheck">
<div id="hw1-2-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-2" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-2')"></p>
<div id="hw1-2-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-2-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-2" class="level3">
<h3 class="anchored" data-anchor-id="section-2">#3</h3>
<p><img id="hw1-3-level" class="level"></p>
<div id="hw1-3-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-3-autocheck" class="autocheck">
<div id="hw1-3-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-3" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-3')"></p>
<div id="hw1-3-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-3-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-3" class="level3">
<h3 class="anchored" data-anchor-id="section-3">#4</h3>
<p><img id="hw1-4-level" class="level"></p>
<div id="hw1-4-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-4-autocheck" class="autocheck">
<div id="hw1-4-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-4" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-4')"></p>
<div id="hw1-4-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-4-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-4" class="level3">
<h3 class="anchored" data-anchor-id="section-4">#5</h3>
<p><img id="hw1-5-level" class="level"></p>
<div id="hw1-5-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-5-autocheck" class="autocheck">
<div id="hw1-5-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-5" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-5')"></p>
<div id="hw1-5-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-5-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-5" class="level3">
<h3 class="anchored" data-anchor-id="section-5">#6</h3>
<p><img id="hw1-6-level" class="level"></p>
<div id="hw1-6-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-6-autocheck" class="autocheck">
<div id="hw1-6-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-6" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-6')"></p>
<div id="hw1-6-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-6-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-6" class="level3">
<h3 class="anchored" data-anchor-id="section-6">#7</h3>
<p><img id="hw1-7-level" class="level"></p>
<div id="hw1-7-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-7-autocheck" class="autocheck">
<div id="hw1-7-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-7" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-7')"></p>
<div id="hw1-7-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-7-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-7" class="level3">
<h3 class="anchored" data-anchor-id="section-7">#8</h3>
<p><img id="hw1-8-level" class="level"></p>
<div id="hw1-8-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-8-autocheck" class="autocheck">
<div id="hw1-8-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-8" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-8')"></p>
<div id="hw1-8-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-8-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-8" class="level3">
<h3 class="anchored" data-anchor-id="section-8">#9</h3>
<p><img id="hw1-9-level" class="level"></p>
<div id="hw1-9-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-9-autocheck" class="autocheck">
<div id="hw1-9-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-9" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-9')"></p>
<div id="hw1-9-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-9-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-9" class="level3">
<h3 class="anchored" data-anchor-id="section-9">#10</h3>
<p><img id="hw1-10-level" class="level"></p>
<div id="hw1-10-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-10-autocheck" class="autocheck">
<div id="hw1-10-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-10" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-10')"></p>
<div id="hw1-10-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-10-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
</section>
<section id="hw1_add" class="level2">
<h2 class="anchored" data-anchor-id="hw1_add">Дополнительные задания</h2>
<section id="section-10" class="level3">
<h3 class="anchored" data-anchor-id="section-10">#1</h3>
<p><img id="hw1-11-level" class="level"></p>
<div id="hw1-11-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-11-autocheck" class="autocheck">
<div id="hw1-11-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-11" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-11')"></p>
<div id="hw1-11-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-11-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-11" class="level3">
<h3 class="anchored" data-anchor-id="section-11">#2</h3>
<p><img id="hw1-12-level" class="level"></p>
<div id="hw1-12-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-12-autocheck" class="autocheck">
<div id="hw1-12-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-12" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-12')"></p>
<div id="hw1-12-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-12-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-12" class="level3">
<h3 class="anchored" data-anchor-id="section-12">#3</h3>
<p><img id="hw1-13-level" class="level"></p>
<div id="hw1-13-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-13-autocheck" class="autocheck">
<div id="hw1-13-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-13" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-13')"></p>
<div id="hw1-13-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-13-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-13" class="level3">
<h3 class="anchored" data-anchor-id="section-13">#4</h3>
<p><img id="hw1-14-level" class="level"></p>
<div id="hw1-14-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-14-autocheck" class="autocheck">
<div id="hw1-14-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-14" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-14')"></p>
<div id="hw1-14-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-14-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
</section>
<section id="section-14" class="level3">
<h3 class="anchored" data-anchor-id="section-14">#5</h3>
<p><img id="hw1-15-level" class="level"></p>
<div id="hw1-15-task" class="task">
<p>Текст задания.</p>
</div>
<div id="hw1-15-autocheck" class="autocheck">
<div id="hw1-15-ir" class="input-requirements">
<p>Описание формата инпута.</p>
</div>
<p><input class="autocheck-input" type="text" id="hw1-15" placeholder="Введите ответ…"></p>
<p><input class="autocheck-button" type="button" value="Проверить" onclick="check('hw1-15')"></p>
<div id="hw1-15-fb" class="autocheck-feedback">

</div>
</div>
<div class="hints-wrapper">
<details class="hints" id="hw1-15-hints">
<summary>
Подсказки
</summary>
<details class="hint">
<summary>
Как делать задание?
</summary>
</details>
<details class="hint">
<summary>
Что надо сделать?
</summary>
</details>
<details class="hint">
<summary>
Ответ неверный
</summary>
</details>
</details>
</div>
<!--- CHANGE hw1 TO hw<n> IN THE LINES BELOW--->
<script type="text/javascript" src="./js/hw1.json"></script>
<script type="text/javascript" src="./js/hw.js"></script>
</section>
</section>
</section>

</main>
<!-- /main column -->
<script id="quarto-html-after-body" type="application/javascript">
window.document.addEventListener("DOMContentLoaded", function (event) {
  const toggleBodyColorMode = (bsSheetEl) => {
    const mode = bsSheetEl.getAttribute("data-mode");
    const bodyEl = window.document.querySelector("body");
    if (mode === "dark") {
      bodyEl.classList.add("quarto-dark");
      bodyEl.classList.remove("quarto-light");
    } else {
      bodyEl.classList.add("quarto-light");
      bodyEl.classList.remove("quarto-dark");
    }
  }
  const toggleBodyColorPrimary = () => {
    const bsSheetEl = window.document.querySelector("link#quarto-bootstrap");
    if (bsSheetEl) {
      toggleBodyColorMode(bsSheetEl);
    }
  }
  toggleBodyColorPrimary();  
  const icon = "";
  const anchorJS = new window.AnchorJS();
  anchorJS.options = {
    placement: 'right',
    icon: icon
  };
  anchorJS.add('.anchored');
  const clipboard = new window.ClipboardJS('.code-copy-button', {
    target: function(trigger) {
      return trigger.previousElementSibling;
    }
  });
  clipboard.on('success', function(e) {
    // button target
    const button = e.trigger;
    // don't keep focus
    button.blur();
    // flash "checked"
    button.classList.add('code-copy-button-checked');
    var currentTitle = button.getAttribute("title");
    button.setAttribute("title", "Copied!");
    let tooltip;
    if (window.bootstrap) {
      button.setAttribute("data-bs-toggle", "tooltip");
      button.setAttribute("data-bs-placement", "left");
      button.setAttribute("data-bs-title", "Copied!");
      tooltip = new bootstrap.Tooltip(button, 
        { trigger: "manual", 
          customClass: "code-copy-button-tooltip",
          offset: [0, -8]});
      tooltip.show();    
    }
    setTimeout(function() {
      if (tooltip) {
        tooltip.hide();
        button.removeAttribute("data-bs-title");
        button.removeAttribute("data-bs-toggle");
        button.removeAttribute("data-bs-placement");
      }
      button.setAttribute("title", currentTitle);
      button.classList.remove('code-copy-button-checked');
    }, 1000);
    // clear code selection
    e.clearSelection();
  });
  function tippyHover(el, contentFn) {
    const config = {
      allowHTML: true,
      content: contentFn,
      maxWidth: 500,
      delay: 100,
      arrow: false,
      appendTo: function(el) {
          return el.parentElement;
      },
      interactive: true,
      interactiveBorder: 10,
      theme: 'quarto',
      placement: 'bottom-start'
    };
    window.tippy(el, config); 
  }
  const noterefs = window.document.querySelectorAll('a[role="doc-noteref"]');
  for (var i=0; i<noterefs.length; i++) {
    const ref = noterefs[i];
    tippyHover(ref, function() {
      // use id or data attribute instead here
      let href = ref.getAttribute('data-footnote-href') || ref.getAttribute('href');
      try { href = new URL(href).hash; } catch {}
      const id = href.replace(/^#\/?/, "");
      const note = window.document.getElementById(id);
      return note.innerHTML;
    });
  }
  const findCites = (el) => {
    const parentEl = el.parentElement;
    if (parentEl) {
      const cites = parentEl.dataset.cites;
      if (cites) {
        return {
          el,
          cites: cites.split(' ')
        };
      } else {
        return findCites(el.parentElement)
      }
    } else {
      return undefined;
    }
  };
  var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]');
  for (var i=0; i<bibliorefs.length; i++) {
    const ref = bibliorefs[i];
    const citeInfo = findCites(ref);
    if (citeInfo) {
      tippyHover(citeInfo.el, function() {
        var popup = window.document.createElement('div');
        citeInfo.cites.forEach(function(cite) {
          var citeDiv = window.document.createElement('div');
          citeDiv.classList.add('hanging-indent');
          citeDiv.classList.add('csl-entry');
          var biblioDiv = window.document.getElementById('ref-' + cite);
          if (biblioDiv) {
            citeDiv.innerHTML = biblioDiv.innerHTML;
          }
          popup.appendChild(citeDiv);
        });
        return popup.innerHTML;
      });
    }
  }
});
</script>
</div> <!-- /content -->


</body></html>