Задачка на JS

Николай9 років у сервісі
Дані замовника будуть вам доступні після подання заявки
03.03.2017

Необходимо написать "переводчик слов" в виде 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 — картинки значения
При реализации уделите внимание:

- аккуратности кода

- простоте и понятности реализации

- соответствию дизайну

-  деталям

Заявки фрілансерів