diff --git a/questionnaire2.html b/questionnaire2.html index d0a94d3..37882a7 100644 --- a/questionnaire2.html +++ b/questionnaire2.html @@ -44,6 +44,21 @@ border-color: #2d6a4f; background: #f0faf4; } + .question-comment { + margin-top: 10px; + width: 100%; + padding: 8px 12px; + border: 1.5px dashed #ddd; + border-radius: 8px; + font-size: 0.85rem; + font-family: inherit; + color: #555; + background: #f9f9f9; + resize: vertical; + min-height: 44px; + } + .question-comment::placeholder { color: #bbb; font-style: italic; } + .question-comment:focus { outline: none; border-color: #2d6a4f; background: #fff; } .other-input { margin-top: 6px; margin-left: 28px; diff --git a/script2.js b/script2.js index aca1d0c..b217a50 100644 --- a/script2.js +++ b/script2.js @@ -1,6 +1,16 @@ const TOTAL = 24; document.addEventListener('DOMContentLoaded', function () { + // Добавить поле комментария под каждый вопрос + document.querySelectorAll('.question[data-index]').forEach(q => { + const name = (q.querySelector('[name]') || {}).name || ''; + const ta = document.createElement('textarea'); + ta.className = 'question-comment'; + ta.name = name + '_comment'; + ta.placeholder = 'Свой комментарий или уточнение (необязательно)...'; + q.appendChild(ta); + }); + updateProgress(); document.getElementById('client_email').addEventListener('input', function () {