Нужно сделать вывод числа с символом $ и ~

[mrzk13]

Здравствуйте. Необходимо сделать верстку по шаблону, требуется калькулятор с расчетом примерной стоимости. Функцию сделал, она работает, вывод тоже есть. Не могу придумать как добавить к числу знак доллара и "примерно". Также есть вопрос по поводу скрытия кнопки "Calculate" и появления на ее месте этого числа и кнопки Order, как на макете. Можно ли такое осуществить? Спасибо. 

 

Сейчас это выглядит так:

[sigma77]

Можно ли как сделать так, чтобы и цена, и эти символы появлялись только по нажатию на кнопку Calculate? 

Можно так сделать https://jsfiddle.net/fainz777/4xkmuppk/3/

[klierik]

https://jsfiddle.net/4xkmuppk/

[mrzk13]

https://jsfiddle.net/4xkmuppk/

 

Спасибо! Действие простое, но нигде не описано) Но теперь возникает проблема в том, что ~ и $ появляются на странице изначально, без вывода цены. Можно ли как сделать так, чтобы и цена, и эти символы появлялись только по нажатию на кнопку Calculate? 

[rus]

если вы написали калькулятор, то почему не можете дописать обычную конкатенацию?

[mrzk13]

если вы написали калькулятор, то почему не можете дописать обычную конкатенацию?

Дело в том, что это моё первое знакомство с html и css, ну и js соответственно, поэтому я даже слова такого не знаю) калькулятор сделать было просто, т.к. эта функция построена на обычном математическом уравнении.

[andrey7287]

Действие простое, но нигде не описано)

 

  Это эксклюзивные фишки htmlforum.ru, даже w3c пока не в курсе.

Можно ли как сделать так, чтобы и цена, и эти символы появлялись только по нажатию на кнопку Calculate? 

 https://jsfiddle.net/Andrey7287/4xkmuppk/2/

[mrzk13]

 

Действие простое, но нигде не описано)

 

  Это эксклюзивные фишки htmlforum.ru, даже w3c пока не в курсе.

 

 

Можно ли как сделать так, чтобы и цена, и эти символы появлялись только по нажатию на кнопку Calculate? 

 https://jsfiddle.net/Andrey7287/4xkmuppk/2/

 

 

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

[andrey7287]

Код приведите.

 

ЗЫ Как вы вообще написали обработчик, если не можете 1 строчку кода в него добавить. 

[ishurgaya]

 

 

Почему бы не вывести ~ и $ из php вместе с ценой? и если на кнопку не нажали ,то и цена не показывается и ~ и $ 

Edited January 31, 2016 by ishurgaya

[mrzk13]

Почему бы не вывести ~ и $ из php вместе с ценой? и если на кнопку не нажали ,то и цена не показывается и ~ и $

Я это и хочу сделать, но не знаю как вывести вместе с числом эти символы.

Код приведите.

ЗЫ Как вы вообще написали обработчик, если не можете 1 строчку кода в него добавить.

Я привёл код. Сам не понимаю, почему ничего не добавляется к числу.

А по поводу того, как я написал отельное, я же говорю, что это моя первая встреча с версткой, поэтому какие-то моменты я уже понял, а какие-то нет)

[ishurgaya]

ну в простейшем варианте как то так:

 

echo '~ '.$price.' $'; //где $price твоя цена

 

или

в div в котором содержится цена, пропиши уникальный класс  и пропиши стили которые тебе выше посоветовали.

<?php  echo '<div class="price">'.$price.'</div>'; //где $price твоя цена

css:

.price:before {  content: '~';}.price:after {  content: '$';}

Edited January 31, 2016 by ishurgaya

[andrey7287]

Почему бы не вывести ~ и $ из php вместе с ценой?

 

  Отличная затея. Можно ещё серверный сценарий на asp написать.

Edited January 31, 2016 by andrey7287

[mrzk13]

 

Можно ли как сделать так, чтобы и цена, и эти символы появлялись только по нажатию на кнопку Calculate? 

Можно так сделать https://jsfiddle.net/fainz777/4xkmuppk/3/

 

 

Спасибо! Это помогло