Как сделать ввод в inpu нормальным (как в других примерах)?

Question

[Muranx]

Здравствуйте, есть калькулятор https://codepen.io/dontspeakjs/pen/MWKxNXP , хотелось бы чтобы цифры либо вводились с правой стороны, чтобы при вводе длинных примеров видны были текущие операторы и числа. . . ( т.к. при вводе в моём калькуляторе длинных примеров, ты не видишь результат после последнего знака по ширине инпута) ЛИБО (думаю это более сложный вариант) цифры как на пример в стандартном виндоусовском калькуляторе вводились ДО ширины инпута, а когда ты например нажмёшь " / " то первое число отобразится выше НО уже в уменьшенном масштабе. . . ( ну если интересно посмотрите как работает он в виндоусе )! Ну или предложите ваш вариант
p.s.: в калькуляторе могут присутствовать касячки, т.к. я его проверял не долго и не в боевых условиях, так что если вы заметите что-либо просьба сообщить!

Comments

[Николай Чуприк]

Ну как минимум это должен быть не input, а textarea.

Answer 1

[vıtalıyırtlach]

Добавить в input атрибут dir (направление текста)

<div class="calc-wrapper">
	<div class="calculator">
		<div class="input-wrap">
			<input readonly="readonly"  dir="rtl" value="0" type="text" class="input"> 
// Атрибут dir - 
		</div>
		<div class="buttons-wrap">
			<!-- 1 ряд -->
			<div value="remLastSym" class="casual-btns back-btn">&larr;</div>
			<div value="clearInp" class="casual-btns CE-btn">CE</div>
			<div value="remLastDig" class="casual-btns C-btn">C</div>
			<div value="+" class="casual-btns plus-btn">+</div>
			<!-- 2 ряд -->
			<div value="7" class="casual-btns btn-seven">7</div>
			<div value="8" class="casual-btns btn-eight">8</div>
			<div value="9" class="casual-btns btn-nine">9</div>
			<div value="-" class="casual-btns btn-minus">-</div>
			<!-- 3 ряд -->
			<div value="4" class="casual-btns btn-four">4</div>
			<div value="5" class="casual-btns btn-five">5</div>
			<div value="6" class="casual-btns btn-six">6</div>
			<div value="*" class="casual-btns btn-multiply">*</div>
			<!-- 4 ряд -->
			<div value="1" class="casual-btns btn-one">1</div>
			<div value="2" class="casual-btns btn-two">2</div>
			<div value="3" class="casual-btns btn-three">3</div>
			<div value="/" class="casual-btns btn-split">/</div>
			<!-- 5 ряд -->
			<div value="0" class="btn-zero casual-btns btn-zero">0</div>
			<div value="." class="casual-btns btn-three">.</div>
			<div value="=" class="casual-btns btn-equally">=</div>
		</div>
	</div>
</div>

Comments

[Muranx]

Виталий , хм, судя по всему ввод текста с права тоже не помогает, при вводе точки, и знаков " + - / * "они всё равно добавляются слева. . . =(

[vıtalıyırtlach]

Muranx, да это скорее всего что то с кодом js я его не смотрел