У меня по умолчанию кнопки должны быть неактивными. Но когда нажимаешь на кнопку "Редактировать" вместе с этой кнопкой должны стать активными и "Сохранить, и "Отмена". У меня не получается отменить disabled в JS.
<section class="editor">
<div class="textblock" contenteditable="false">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec fermentum lorem ex, sed malesuada mauris molestie
ut. Vestibulum dapibus sit amet est sit amet pellentesque.
Maecenas cursus turpis sed dolor viverra interdum. Praesent
pretium nisl eget odio elementum, ut vulputate magna lobortis.
</div>
<div class="buttons">
<button class="btn editBtn" disabled>Редактировать</button>
<button class="btn saveBtn" disabled>Сохранить</button>
<button class="btn cancelBtn" disabled>Отмена</button>
</div>
</section>
<script src="js/main.js"></script>
let textblock = document.querySelector(".textblock");
let editBtn = document.querySelector(".editBtn");
let saveBtn = document.querySelector(".saveBtn");
let cancelBtn = document.querySelector(".cancelBtn");
let editableForm = document.querySelector("[contenteditable=false]");
let activeSaveBtn = document.querySelector("[class*=saveBtn]");
let activeCancelBtn = document.querySelector("[class*=cancelBtn]");
let buttons = document.querySelectorAll(".btn");
buttons.addEventListener("click", function(e) {
if(e.target.tagName === "BUTTON") {
e.target.removeAttribute("disabled", "true");
e.target.focus();
}
else {
e.target.setAttribute("disabled", "false");
}
});