Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.06.2015, 19:58
Интересующийся
Отправить личное сообщение для LoolGram Посмотреть профиль Найти все сообщения от LoolGram
 
Регистрация: 06.06.2015
Сообщений: 16

Отметь буквы, которых нет в русском алфавите.
Здравствуйте.
Прощу помощи, в реализации такой вот задачи. Дан алфавит русского языка надо выбрать те буквы которые не входят в состав алфавита.
Алфавит записан в таблицу.
Аа Бб Вв Hh Gg Ff.
При нажатие на букву задний фон становиться красным если не верно, а если верно то зеленым. Когда все буквы были выбраны то открывается окно с сообщением «Правильно».


Вот примерно что я наделал

http://jsbin.com/wabidusugu/2/edit?html,css,js

Заранее спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 06.06.2015, 21:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

LoolGram,
а Рр Сс Тт и подобные это буквы какого алфавита?
Ответить с цитированием
  #3 (permalink)  
Старый 06.06.2015, 21:12
Интересующийся
Отправить личное сообщение для LoolGram Посмотреть профиль Найти все сообщения от LoolGram
 
Регистрация: 06.06.2015
Сообщений: 16

рони,
Это из русского алфавита.

Дан весь алфавит русского языка и три буквы из английского.

Последний раз редактировалось LoolGram, 06.06.2015 в 21:15.
Ответить с цитированием
  #4 (permalink)  
Старый 06.06.2015, 21:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

LoolGram,
<!DOCTYPE html>


<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
<style>
#table table {
    overflow:hidden;
    border:1px solid #FFDAB9;
    background:#fefefe;
    width:70%;
    margin:5% auto 0;
    border-radius:5px;
}

#table table th, td {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align:center;
}

#table th {
   // padding-top:22px;
    text-shadow: 1px 1px 1px #fff;
    background:#e8eaeb;
}

#table td {
    border: 3px solid #e0e0e0;
}


#table td.act {
    background: red;
    color: white;
}
#table td.act2 {
    background: green;
    color: #000;
}
</style>
</head>
<body>
<table id="table">
  <tr>
    <td>Аа</td>
    <td>Бб</td>
    <td>Yy</td>
    <td>Гг</td>
    <td>Дд</td>
    <td>Hh</td>
  </tr>
  <tr>
    <td>Оо</td>
    <td>Gg</td>
    <td>Пп</td>
    <td>Рр</td>
    <td>Сс</td>
    <td>Тт</td>
  </tr>
  </table>

<script>
function myFunc(e) {
    var evt = window.event || e,
        obj = evt.srcElement || evt.target;
    if (obj.tagName && obj.tagName == "TD") {
        var letter = /[a-z]/i.test(obj.innerHTML);
        obj.classList.toggle(letter ? "act2" : "act")
    }
    var ok = document.querySelectorAll(".act2").length == 3 && !document.querySelectorAll(".act").length;
    ok && alert("great victory")
}
onload = function() {
    var trg = document.getElementById("table");
    if (document.addEventListener) trg.addEventListener("click", myFunc);
    else if (document.attachEvent) trg.attachEvent("onclick", myFunc);
    else trg.onclick = myFunc
};
</script>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 07.06.2015, 07:19
Интересующийся
Отправить личное сообщение для LoolGram Посмотреть профиль Найти все сообщения от LoolGram
 
Регистрация: 06.06.2015
Сообщений: 16

Большое спасибо )
Ответить с цитированием
  #6 (permalink)  
Старый 07.06.2015, 15:25
Интересующийся
Посмотреть профиль Найти все сообщения от pornoborets
 
Регистрация: 07.06.2015
Сообщений: 26

<html>
<head>
  <meta charset="utf8">
</head>
<body>
<table id="table">  
  <tr>
    <td>Аа</td>
    <td>Бб</td>
    <td>Yy</td>
    <td>Гг</td>
    <td>Дд</td>
    <td>Hh</td>
  </tr>   
  <tr>    
    <td>Оо</td>
    <td>Gg</td>
    <td>Пп</td>
    <td>Рр</td>
    <td>Сс</td>
    <td>Тт</td>
  </tr>                     
  </table>

<script>
f=function(){if(/\w+/.test(this.innerHTML)) this.style.background="red"}
;[].forEach.call(document.querySelectorAll("table td"), function(el){el.onclick=f})
</script>
    
</body>
</html>
Ответить с цитированием
  #7 (permalink)  
Старый 07.06.2015, 16:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

pornoborets,
Ответить с цитированием
  #8 (permalink)  
Старый 07.06.2015, 18:20
Интересующийся
Посмотреть профиль Найти все сообщения от pornoborets
 
Регистрация: 07.06.2015
Сообщений: 26

рони,
Что, не так что-то?
Ответить с цитированием
  #9 (permalink)  
Старый 07.06.2015, 18:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

pornoborets,
всё нормально только зачем? вместо 1 клика 12 -- вместо решения - демострация способа, который надо доводить до ума
Ответить с цитированием
  #10 (permalink)  
Старый 07.06.2015, 18:32
Интересующийся
Посмотреть профиль Найти все сообщения от pornoborets
 
Регистрация: 07.06.2015
Сообщений: 26

Сообщение от рони
вместо 1 клика 12
В этом месте не понял. ТС писал вроде
Цитата:
При нажатие на букву
то есть, кликов по-любому >1. Или о чем Вы?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрытие разделов див в которых нет элементов errante Общие вопросы Javascript 4 30.08.2013 15:08
Работа с radiobutton djsadd Элементы интерфейса 2 06.04.2011 08:37