Задать вопрос
@razorvinbofg
javascript

Как расположить кнопку выше скрипта?

Подскажите, как сделать что бы кнопка создавалась выше скрипта 

let newDiv = document.createElement("div");
    newDiv.innerHTML = "<button type='button' id='restart'>Перебросить</button>";
    let my_div = document.getElementById('restart');
      if(my_div == null){
        let res = document.body.insertBefore(newDiv, my_div); 
      }


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1000</title>
    <link rel="stylesheet" href="style.css">
    
</head>
<body>
    <div id="wrapper">
        <div id="bones">
        <div id="bone1"></div>
        <div id="bone2"></div>
        <div id="bone3"></div>
        <div id="bone4"></div>
        <div id="bone5"></div>
        </div>
        <button type="button" class="start">Бросить</button>
        <div id="res"></div>
        
    </div> 
    <script src="kb.js"></script>
</body>

</html>


619cc4e0cd9fa904122428.png
  • Вопрос задан
  • 107 просмотров
11 комментариев
Подписаться 1 Простой 11 комментариев
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED 
const startButton = document.querySelector('button.start');
startButton.insertAdjacentElement('afterend', newDiv);

'beforebegin': Before the targetElement itself.
'afterbegin': Just inside the targetElement, before its first child.
'beforeend': Just inside the targetElement, after its last child.
'afterend': After the targetElement itself.

https://developer.mozilla.org/en-US/docs/Web/API/E...
Ответ написан
Комментировать
Комментировать
@v-saichuk
Привяжись к классу или id и создай там кнопку.

if(my_div == null){
    let res = document.getElementById("wrapper").append(newDiv, my_div);
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нарисовать прототипы многостраничного сайта
15 нояб. 2024, в 12:49
6000 руб./за проект
Помощь с написанием ВКР тема связана с менеджментом
15 нояб. 2024, в 12:41
25000 руб./за проект
Реализовать подключение API Мегафона к проекту
15 нояб. 2024, в 11:19
12500 руб./за проект
Ещё заказы