na parte de satisfação pensei em por de passos ou porentagem, usei esse código:
<label for="nivel-satisfacao" class="form-label">Nível de satisfação:</label>
<output for="range4" id="rangeValue" aria-hidden="true">100</output><a>%</a>
<input type="range" class="form-range input-range" min="0" max="100" value="50" id="range4">
e no final apliquei :
<script>
const rangeInput = document.getElementById('range4');
const rangeOutput = document.getElementById('rangeValue');
rangeOutput.textContent = rangeInput.value;
rangeInput.addEventListener('input', function() {
rangeOutput.textContent = this.value;
});
</script>
na parte de cima do
ficou assim o resultado:
