Подскажите как выделить слово красным в «div», после нажатия пробела, если оно неправильно введено с input или зеленый, если правильно ?
if (e.value == arr[i]){
i++;
document.getElementById('form').reset();
event.preventDefault();
}
Эта строчка срабатывает, когда слово вводиться верно и оно пропадает с инпута при этом условии если был нажат пробел, нужно что бы еще слово в диве, после правильного ввода окрашивалось в зеленый цвет и так же при ошибке, слово становилось красным
arr[i].style.color = 'green';
когда добавлю в условие правильного слова, то не работает
var arr = [];
var i = 0;
window.onload = function () {
var text = document.getElementById("text");
txt = text.textContent || text.innerText;
arr = txt.split(' ');
console.log(arr);
//alert(txt.substring(0,3));
};
function getChar(e) {
if (event.which == 32) {
if (e.value == arr[i]){
arr[i].style.color = 'green';
i++;
document.getElementById('form').reset();
event.preventDefault();
}
}
}
<div id="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias aperiam commodi
consequatur corporis cum dolores eaque in labore molestias nam odio optio quas, quis voluptates!
Architecto fuga impedit voluptatum.</div>
<form action="" id="form">
<input type="text" id="text_input" onkeydown="getChar(this);">
</form>
div
-e вspan
. – Igor 25 июн '18 в 18:57