Калькулятор для копирайтера (HTML+JS)

**Mendel** · 09.08.2009, 18:53

Простенький калькулятор для копирайтера.
Вводите цену и текст, и получаете сумму.
С этого небольшого скрипта начинался Истио

Код HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Калькулятор для копирайтера.</title>
</head>
<body>
<h1 align="center">Калькулятор для копирайтера.</h1>
<form action="{SELF}" method="post">
    <div align="center">
        Цена за тысячу символов: <input type="text" id="price" name="price" value="1.5" style="width: 40px"  onChange="priceDO();" onKeyUp="priceDO();" /> денежных единиц.
    </div>
    <br>
    <div name="txtlen" id="txtlen" align="center">Калькулятор не работает.</div>
    <br>
    <div align="center">
        <textarea name="text" id="text" rows="25" style="width: 90%" onChange="priceDO();" onKeyUp="priceDO();"></textarea>
    </div>
</form>
<div align=center>&copy; 2008 Максим Дьяченко (он же Mendel).</div>


<script type="text/javascript">
// Выполним нашу функцию для инициализации
priceDO();

// собственно основная функция
function priceDO(){
    // получим наш текст
    var str = document.getElementById('text').value;
    // вычислим его длину
    var len_y = str.length;
    // уберем в строке пробелы и прочие знаки припинания
    var regexp=/[ ,\.\;\:\"\!\?\n\r]+/g;
    var str2=str.replace(regexp,"");
    // узнаем длину без пробелов
    var len_n = str2.length;

    // посмотрим введенную цену
    var price = document.getElementById('price').value;
    // посчитаем стоимость текста если считать с пробелами
    var price_y = len_y * price / 1000;
    // посчитаем стоимость текста если считать без пробелов
    var price_n = len_n * price / 1000;
    

    // подготовим текстовое сообщение и выведем его
    var txtlen = "Длина с пробелами <b>" + len_y + "</b> символов.<br> Длина БЕЗ пробелов <b>" + len_n + "</b> символов.<br> Стоимость с пробелами <b>" + price_y + "</b> денежных едениц.<br> Стоимость БЕЗ пробелов <b>" + price_n + "</b> денежных единиц.";
    // ну и собственно выведем результат.
    document.getElementById('txtlen').innerHTML = txtlen;
    }
</script>
</body>
</html>

alisa · 09.08.2009, 19:03

Шикарная вещара - калькулятор

Как только пойму, чего с ним делать, обязательно попользую.