Trying to make this function:
The current issue I'm facing is that when changing a digit (by clicking on a hexagon), I want to save the selected number as the value of a hidden input field next to the digit in the DOM.
Any ideas on how to achieve this with the existing HTML and JS setup shown in the provided link?
Thank you! Saskia
UPDATE: I attempted the suggested changes, but it didn't work for some reason. So, here's what worked instead: I updated the hidden input from
<input type="number" hidden id="hex1" name"hex1"><input type="hidden id="hex1" name"hex1">Then, I rearranged the val() line before the return statement like this:
$(function() {
var odometer1, value1;
odometer1 = $('#hexin1 .odometer');
value1 = +odometer1.text();
return odometer1.on('click', function() {
if(value1 < 9){
value1 += 1;
} else {
value1 -= 9;
}
$('#hex1').val(value1);
return odometer1.html(value1);
});
});