La valeur d'un champ

La page contient <input id="q" type="number" value="1"> et une case à cocher <input id="accord" type="checkbox">. Prédire, puis expliquer, l'affichage de ce script.

const q = document.querySelector("#q");
q.value = "5";
console.log(q.value, q.getAttribute("value"), q.defaultValue);
q.setAttribute("value", "2");
console.log(q.value, q.getAttribute("value"));

const accord = document.querySelector("#accord");
accord.checked = true;
console.log(accord.checked, accord.hasAttribute("checked"));
console.log(typeof q.value, q.valueAsNumber + 1, q.value + 1);