Как можно сбросить значения evt после обработки события?

Tolmax, Решил задачку, надо снимать слушатель в конце функции
submitCardDelete.removeEventListener("click", cardDeleteSubmit);

Как можно сбросить значения evt после обработки события?

Иерокопус Таманский, нет, я так и не понял. Я ушёл от первого evt и теперь после удаления карточки с сервера и положительного ответа, я удаляю ближайшего родителя к кнопке deleteButton (а не к evt.target). Но проблема осталась, при удалении новой карточки метод "FETCH DELETE" отправляет запрос 2 раза. По новой карточке и по старой. В принципе, новая карточка тоже удаляется, по старой приходит ответ 403 (ее же уже нет на сервере) , но я понимаю, что так быть не должно.. почему уходят 2 запроса, потом 3 и тд - я не пойму...

if (isMyId !== cardData.owner._id) {
deleteButton.style.visibility = "hidden";
} else {
// deleteButton.addEventListener("click", function (evt) { //нажимаем удалить
deleteButton.addEventListener("click", deletBTN);

function deletBTN() {
openPopup(openPopupCardDeleteElement); //открывается попап
submitCardDelete.addEventListener("click", cardDeleteSubmit); //вешаю слушатель на "подтвердить удаление"
function cardDeleteSubmit(evt) {
evt.preventDefault();

httpDeleteMyCard(cardData._id).then(() => { // отправляю запрос на удаление на сервер

closePopup(openPopupCardDeleteElement); //закрываю попап
document.removeEventListener("keydown", closeEsc); убираю слушатель
//evt.target.reset();
deleteButton.closest(".card").remove(); //убираю ближайшего родителя к кнопке удалить (карточку)
});
}
};

}

Как можно сбросить значения evt после обработки события?

Иерокопус Таманский, можешь пож подробнее сказать, я не очень понял как это ((

Как сделать так, чтобы в webpack 5 работал hot reload?

выдает такую ошибку
[webpack-cli] Invalid configuration object. Webpack has been initialized using a
configuration object that does not match the API schema.
- configuration.module.rules[1] has an unknown property 'target'. These propert
ies are valid:
object { assert?, compiler?, dependency?, descriptionData?, enforce?, exclude
?, generator?, include?, issuer?, issuerLayer?, layer?, loader?, mimetype?, oneO
f?, options?, parser?, realResource?, resolve?, resource?, resourceFragment?, re
sourceQuery?, rules?, scheme?, sideEffects?, test?, type?, use? }
-> A rule description with conditions and effects for modules.

Как сделать так, чтобы в webpack 5 работал hot reload?

Подскажите пож в какую именно строку надо добавить
{
target: 'web'
}
мой код такой
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
entry: {
main: './src/index.js'
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'main.js',
publicPath: '',
},
mode: 'development',
devServer: {
static: path.resolve(__dirname, './dist'),
open: true,
compress: true,
port: 8080
},
module: {
rules: [{
test: /\.js$/,
use: 'babel-loader',
exclude: '/node_modules/'
},
{
test: /\.(png|svg|jpg|gif|woff(2)?|eot|ttf|otf)$/,
type: 'asset/resource',
},
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, {
loader: 'css-loader',
options: {
importLoaders: 1
}
},
'postcss-loader'
]
},
]
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html'
}),
new CleanWebpackPlugin(),
new MiniCssExtractPlugin(),

]
}

Как сделать так, чтобы в webpack 5 работал hot reload?

Подскажите пож в какую именно строку надо вставить эту команду?

Как поменять URL в Stile="" с помощью JS?

Rsa97, опечатался, точку забыл поставить в классе

Как поменять URL в Stile="" с помощью JS?

Потребовалось так "обернуть" адрес при упаковке проекта в webpack