Как можно создать функционал для внесения изменений в заказы?

Как реализовать функцию редактирования текста заказов в списке? При нажатии на кнопку "edit", пользователь может написать новое сообщение, которое будет заменить старое. Вот фрагмент кода, который я использую.
Изображение к вопросу
  • 8 ноября 2023 г. 11:39
Ответы на вопрос 1
Для реализации функции редактирования текста заказов можно использовать следующий фрагмент кода:

1. HTML код:
```html
<div class="order">
    <p class="message">Текст заказа</p>
    <button class="edit-btn" onclick="editOrder(this)">Edit</button>
</div>
```

2. JavaScript код:
```javascript
function editOrder(button) {
    var orderDiv = button.parentElement;
    var message = orderDiv.querySelector('.message');
    
    var newMessage = prompt("Введите новый текст заказа:");
    if (newMessage != null) {
        message.textContent = newMessage;
    }
}
```

В данном коде при нажатии на кнопку "Edit" функция `editOrder` будет вызываться и получает доступ к родительскому элементу кнопки (div элементу с классом "order"). Затем, с помощью `.querySelector()` находим элемент с классом "message", в котором отображается текущий текст заказа.

После этого, вызывается диалоговое окно `prompt` с сообщением "Введите новый текст заказа:". Если пользователь введет новый текст и нажмет "OK", то новый текст будет заменять старый с помощью `textContent`.

Вы можете модифицировать данный фрагмент кода под свои нужды и добавить его в ваш проект.
Похожие вопросы