JavaScript (Домашка), хелп!

Question

JavaScript (Домашка), хелп!

Илья Волчек Ученик (88), закрыт 4 года назад

Привет!, люди такое дело до начала занятий один час остался я домашку не сделал хелпаните (JavaScript)

1.Разработать страницу с тремя кнопками:
При нажатии на первую - переход на другую (любую) страницу
При нажатии на вторую – смена стиля страницы
При нажатии на третью – удаление содержимого со страницы и отрисовка любого
макета с flexbox

Дополнен 4 года назад

Первый пункт сделал, помогите с css!

Дополнен 4 года назад

Сменой стилей*

Answer 1

<button id="css">Изменить стили</button>
<button id="html">Добавить flex</button>

<script>
document.getElementById('css').addEventListener('click', changeCSS);
document.getElementById('html').addEventListener('click', function(){
  updateHTML(
    `<div style="display: flex;">
      <div style="width: 25%;">1</div>
      <div style="width: 25%;">2</div>
      <div style="width: 25%;">3</div>
      <div style="width: 25%;">4</div>
    </div>`
  );
});

function changeCSS(){
  document.head.insertAdjacentHTML('beforeend', `
    <style> body { background-color: #ffe2aa; color: #123; } </style>
  `);
}

function updateHTML(html){
  document.body.innerHTML = html;
}
</script>