Изменение значения в инпуте через JS

224

16 февраля 2018, 17:12

Доброго времени суток, поясните, пожалуйста. Имеется форма

Не могу понять, как сделать, чтобы BYN отображалось справа инпута? Кроме как абсолютно-споз. псевдоэлементом ничего не могу придумать..

И второй вопрос: По ТЗ(для собеседования) надо сделать следующее:

В проекте должен быть файл config.js в котором должны быть предусмотрены несколько настроек от которых будет зависеть внешний вид страницы это: - настройка которая позволяет красить кнопку перевести; - настройка для установки валюты в виде BYN либо RUB.

Нужно просто в этом конфиге выбрать с DOM эти элементы(кнопку и псевдоэлемент) и через button.style.backgroundColor='red' менять цвет? Т.е. по идее никакого взаимодействия с юзером нету, если захотел - то поменял цвет в самом js файле?

Answer 1

По моим догадкам так в интпуте должна быть валюта BYN, и самый простой способ это сделать позиционирование валюты абсолютно, не самый лучший пример, но:

.block { 
  width: 250px; 
  position: relative; 
} 
 
input { 
  width: 100%; 
  padding: 5px 10px 5px 5px; 
} 
 
.currency { 
  position: absolute; 
  right: -31px; 
  top: 50%; 
  padding-left: 10px; 
  transform: translate(-50%, -50%); 
  background: #fff; 
}

<div class="block"> 
  <input type="text" placeholder="hello world" /> 
  <span class="currency">BYN</span> 
</div>

По второму пункту вам необходимо создать файл в котором будут настройки внешнего вида. Можно попробовать способом import и export. С помощью export вы сможете передавать файл настроек в другие файлы. С помощью import вы сможете получить эти настройки для чего либо.