I am very new to this – how can I add a dollar sign using an event listener? Currently I have:
let dol = document.querySelector('#dollar');
dol.addEventListener('keyup', function(e) { {
dol.value = "$" + dol.value;
}
});
But this is adding a dollar sign for every digit.
I only need the one in front.
>Solution :
eten : Just check with
dol.value.startsWith("$")…
let dol = document.querySelector('#dollar')
;
dol.addEventListener('keyup', e =>
{
if (!dol.value.startsWith('$'))
dol.value = "$" + dol.value;
});label {
margin : .6rem;
display : block;
font-size : .8rem;
font-weight : bold;
}
label * {
box-sizing : border-box;
display : block;
font-size : 1rem;
width : 16rem;
padding : .2rem .3rem;
}<label>
input for dollars...
<input id="dollar" type="text" >
</label>