@Stalk007

Как сделать чтобы Заголовок и задача были один под одним?

У меня выходит так5fa5142592bd8702966032.png
А должно вот так5fa5149a57695216956045.png
КОД:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" class="input"><br>
    <br>
    <textarea class="text"></textarea>
    <button class="read">Вывести</button>
    <h3 class="out"></h3>

    <script type="module" src="script.js"></script>
    <script type="module" src="listScript.js"></script>
</body>
</html>

let button = document.querySelector('.read');
button.onclick = () =>{
    fan1();    
}; 

let todoList  = [];
let heaList = [];
 function fan1 () {
    
    let text = document.querySelector('.text');
    let temp  = {};
    temp.todo = text.value;
    temp.check = false;
    let i = todoList.length;
    todoList[i] = temp;
    //result.innerHTML = temp.todo;      
    out();
 }
    function out() {
        let input = document.querySelector('.input').value;
        let result = document.querySelector('.out');
        let name  = {};
        name.todo = input;
        name.check = false;
        let j = heaList.length;
        heaList[j] = name;

        let out = '',
        res = '', res2 = '';

        for (let key in todoList) {
            
                res2+=todoList[key].todo + '<br>';
        }   
        for (let key1 in heaList) {
            
            res+=heaList[key1].todo + '<br>';       
 }   
 out += '<span>'+ res + res2 + '</span><br>'
 result.innerHTML = out;                      // heaList[j].todo + '<br>' + todoList[i].todo + '<br>'
    }
  • Вопрос задан
  • 57 просмотров
Решения вопроса 2
z80b
@z80b
Frontend
Возможно так (не уверен что правильно понял):
function out() {
  let input = document.querySelector('.input').value;
  let result = document.querySelector('.out');
  let name = {};
  name.todo = input;
  name.check = false;
  let j = heaList.length;
  heaList[j] = name;

  let out = '', res = '';

  for (let key in todoList) {
    res += heaList[key].todo + '<br>';
    res += todoList[key].todo + '<br>';
  }
  result.innerHTML = '<span>' + res + '</span><br>';
}
Ответ написан
Tim-A-2020
@Tim-A-2020
если я правильно понял, то можно сделать так
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@awenn2015
Веб-программист самоучка
Имеешь ввиду одной ширины что ли ? Добавь классы и дай одну ширину, можно конечно с bootstrap поиграть а можно нативно flexами задать
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы