Atljh0987

- let val = document.querySelector('#changer').value;
+ let val = document.querySelector('#changer');

let el = document.createElement('h3');
let cont = document.querySelector('#box');
t.addEventListener('input', () => {
    el.textContent = t.value;
});
el.textContent = t.value;
cont.append(el);

#slider {
  width: 600px;
  border: 1px solid black;
  display: flex;
	flex-wrap:  wrap;
	justify-content: space-between;
	align-items: center;
	background-color: #3698DB;
	padding: 10px;
}

.window {
  width: 80%;
  height: 150px;
	background-color: #fff;
	color: #3698DB;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dots {
	width: 100%;
	text-align: center;
}

.arrowLeft,
.arrowRight {
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}