trafficlight/public/js/stoplicht.js
2019-12-10 10:19:21 +01:00

66 lines
1.3 KiB
JavaScript

get("#happy").addEventListener('click', happy);
get('#unsure').addEventListener('click', unsure);
get('#sad').addEventListener('click', sad);
get('#username').addEventListener("keydown", event => {
checkError();
if (event.which == 13) {
get('#password').focus();
event.preventDefault();
}
});
get('#password').addEventListener("keydown", event => {
checkError();
if (event.which == 13) {
get('#username').focus();
event.preventDefault();
}
});
function handle(event, next) {
if (event.which == 13) {
get(next).focus;
event.preventDefault();
}
}
function happy() {
emotion().value = "happy";
submit();
}
function unsure() {
emotion().value = "unsure"
submit();
}
function sad() {
emotion().value = "sad";
submit();
}
function emotion() {
return get('#emotion');
}
function submit() {
get('#timestamp').value = Date.now();
get('#emotionsForm').submit;
}
function checkError(){
if (getValue("#username") != '' && getValue("#password") !=''){
setHtml("#errorMessage",'');
}
}
function get(element){
return document.querySelector(element);
}
function getValue(element) {
return get(element).value;
}
function setHtml(element, innerHtml) {
return get(element).innerHTML=innerHtml;
}