как присвоить объект
$('div.menu').prepend('<div id="menu-icon">Открыть меню</div>');
$("#menu-icon").on("click", function(){
$("ul.menu").fadeToggle();
$("ul.menu").toggleClass("expanded");
if ($("ul.menu").hasClass("expanded")) {
$("ul.menu").html("Закрыть меню");
} else {
$("ul.menu").html("Открыть меню");
}
});
function checkKeyEvent(event) {
// При нажатии на клавишу выполняется эта функция. Каждый раз.
}
document.addEventListener("keypress", checkKeyEvent);
let mistakesCounter = 0;
// Это ваша getChar. Не знаю точно, такая же реализация, но это довольно известный код
function getChar(event) {
if (event.which == null) { // IE
if (event.keyCode < 32) return null; // спец. символ
return String.fromCharCode(event.keyCode)
}
if (event.which != 0 && event.charCode != 0) { // все кроме IE
if (event.which < 32) return null; // спец. символ
return String.fromCharCode(event.which); // остальные
}
return null; // спец. символ
}
function checkUsersKey(levelText) {
var theEnd = false;
var counterLetters = 0;
var keyName;
function checkKeyEvent(event) {
// Делаем проверку, если текущий символ равен длинне символов...
if (counterLetters >= levelText.length) {
// То удаляем обработку события чтобы завершить печатанье.
document.removeEventListener('keypress', checkKeyEvent);
// Тут можете вывести сообщение пользователю, что задание закончено
return;
}
keyName = getChar(event);
// Это ваш код, проверяет, правильно ли пользователь ввел
if (levelText[counterLetters] == keyName) {
alert("Проверка 1 (значение true): работает"); //просто проверка
counterLetters++;
//тут будет код, который меняет css буквы
} else if (keyName == null) {
//do nothing
alert("Проверка 2")
} else {
alert("Проверка 3 (else): работает");
//тут будет код, оповещающий о том, что пользователь допустил ошибку
mistakesCounter++;
}
}
// Добавляем обработку события нажатия клавиши на функцию checkKeyEvent
// Добавляем только один раз, она будет вызывать checkKeyEvent после каждого нажатия и удержания клавиши
document.addEventListener("keypress", checkKeyEvent);
}
checkUsersKey("something");
function getArgs(func) {
// First match everything inside the function argument parens.
var args = func.toString().match(/function\s.*?\(([^)]*)\)/)[1];
// Split the arguments string into an array comma delimited.
return args.split(',').map(function(arg) {
// Ensure no inline comments are parsed and trim the whitespace.
return arg.replace(/\/\*.*\*\//, '').trim();
}).filter(function(arg) {
// Ensure no undefined values are added.
return arg;
});
}
// Пример
function a(b,c) { }
getArgs(a); // ['b', 'c']
function Worker(name, surname, rate, days) {
var names = getArgs(Worker);
for (var i = 0; i < names.length; i++) {
var name = names[i];
var value = arguments[i];
console.warn(name, value); // Выведет имя аргумента и его значение.
// Значение будет undefined если оно не будет передано
};
}
let symbolsCounter = 0;
let mistakesCounter = 0;
function checkUsersKey (levelText) {
var theEnd = false;
var counterLetters = 0;
var keyName;
while (theEnd != true ) {
document.addEventListener("keypress", (event) => {
keyName = event.key;
if(levelText[counterLetters] == keyName){
alert("true");
}
})
theEnd = true;
}
}
checkUsersKey("something");
// Не очень понятно, зачем эти переменные
let symbolsCounter = 0;
let mistakesCounter = 0;
function checkUsersKey (levelText) {
var theEnd = false;
var counterLetters = 0;
var keyName;
function checkKeyEvent(event) {
keyName = event.key;
// Это условие прекращает ваш "цикл".
if(theEnd) {
document.removeEventListener('keypress', checkKeyEvent);
return;
}
if(levelText[counterLetters] == keyName){
alert("true");
}
// У вас в коде почему-то в конце цикла theEnd = true, это значит, что цикл не повторится.
// Мне кажется это ошибка, но я все равно перенес ее в код для примера.
// Можете изменять переменную в true например когда получите нужную клавишу.
theEnd = true;
}
document.addEventListener("keypress", checkKeyEvent);
}
checkUsersKey("something");
video::-webkit-media-controls-fullscreen-button {}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button {}
video::-webkit-media-controls-volume-slider {}