peticion_delete.js

const $btnPeticion = document.querySelector("#btnPeticion"),
	$resultados = document.querySelector("#resultados"),
	$inputNombre = document.querySelector("#inputNombre");

$btnPeticion.addEventListener("click", () => {
	const nombre = $inputNombre.value;
	if (!nombre) return alert("Escribe tu nombre");
	// Nota: en algunas ocasiones no es posible (por parte del servidor)
	// recibir datos en una petición DELETE
	const objeto = {
		nombre: nombre,
		otroDato: "Otro valor :)",
	};
	$resultados.textContent = "Cargando...";
	fetch("https://httpbin.org/delete", {
		method: "DELETE", // Indicar método DELETE
		body: JSON.stringify(objeto),// Con cuerpo
	})
		.then(resultadoRaw => {
			// Lo decodificamos como json
			return resultadoRaw.json();
		})
		.then(resultadoComoJson => {
			// Aquí podemos acceder al objeto JSON, httpbin
			// funciona como espejo y devuelve lo que se envía en
			// la clave data
			// Nota: se hace de nuevo JSON.parse porque devuelve
			// el JSON codificado
			const datosRecibidosPorServidor = JSON.parse(resultadoComoJson.data);
			$resultados.textContent = "Nombre proporcionado: " + datosRecibidosPorServidor.nombre;
			$resultados.textContent += "Otro dato proporcionado: " + datosRecibidosPorServidor.otroDato;
		});
});