Задачка на JS
Необходимо написать "переводчик слов" в виде javascript-скрипта без использования библиотек и фреймворков.
Скрипт обязан работать на jsfiddle в браузере Chrome последней версии
При выделении слова пользователем скрипт должен запрашивать информацию по слову через api и отображать карточку слова.
Карточка слова — это картинка и значения выделенного слова.
При наведении на одно из значений слова, значение выделяется жирным и картинка в карточке меняется на соответствующую выделенному значению.
При клике вне карточки карточка закрывается.
Дизайн: https://drive.google.com/open?id=0B1AWBJmIE9M2N2p1SmczQkRacTA
API: http://dictionary.skyeng.ru/api/v2/search-word-translation?text=mother
API отдаёт массив найденных слов и их значений. Если слов несколько, то для карточки слова брать самое первое.
Неполное, но достаточное для задания, описание ответа:
- id — id слова
- text — слово
- meanings — массив значений
- id — id значения
- translation — перевод значения
- preview_image_url и image_url — картинки значения
- аккуратности кода
- простоте и понятности реализации
- соответствию дизайну
- деталям