@barder

Не работает калькулятор на chrome что не так?

Сделал калькулятор на javascript работает нормально, а вот на chrome не работает, не расчитывает, как буд то не выбираю ничего.

К сайту подключаю файл
HTML:
<form action="[[~[[*id]]]]" method="post" class="ajax_form af_example" id="formcalc">
 <div class="container">
    <div class="row justify-content-md-center">
      <div class="input-group col-lg-10">
        <div class="input-group-prepend">
          <label class="input-group-text" for="inputRazmer">Размер ковра(см):&nbsp; </label>
        </div>
        <select class="custom-select" id="inputRazmer" name="razmer">
          <option selected value="">Выберите размер...</option>
          <option value="r60x85" onclick="raschitat();" name="razmer">60х85</option>
          <option value="r85x150" onclick="raschitat();" name="razmer">85х150</option>
          <option value="r115x200" onclick="raschitat();" name="razmer">115х200</option>
          <option value="r115x400" onclick="raschitat();" name="razmer">115х400</option>
          <option value="r120x200" onclick="raschitat();" name="razmer">120х200</option>
          <option value="r120x240" onclick="raschitat();" name="razmer">120х240</option>
          <option value="r150x250" onclick="raschitat();" name="razmer">150х250</option>
          <option value="r150x300" onclick="raschitat();" name="razmer">150х300</option>
          <option value="r150x600" onclick="raschitat();" name="razmer">150х600</option>
        </select>
      </div>
    </div><BR>
    <div class="row justify-content-md-center">
      <div class="input-group col-lg-10">
        <div class="input-group-prepend">
          <label class="input-group-text" onclick="raschitat();" for="inputRazmer">Количество замен:</label>
        </div>
        <select class="custom-select" id="inputZamena" name="zamen">
          <option selected value="">Выберите количество замен...</option>
          <option value="zamena1" onclick="raschitat();" name="zamen">1 раз в неделю</option>
          <option value="zamena2" onclick="raschitat();" name="zamen">2 раза в неделю</option>
          <option value="zamena3" onclick="raschitat();" name="zamen">3 раза в неделю</option>
        </select>
      </div>
    
    </div>
    
    <BR>
      <div class="row justify-content-md-center">
        <span class="result"><div id="textstoimost" name="textstoimost" value="[[+fi.textstoimost]]"></div>&nbsp;</span>
        <span class="result"><div id="stoimost" name="stoimost" value="[[+fi.stoimost]]"> </div>&nbsp;</span>
      </div>
 
    <div class="titlearea center">
      <h3>Отправить данные расчета менеджеру:</h3>
    </div><BR>
      
    <div class="row justify-content-md-center">
      <div class="input-group col-lg-10">
        <div class="input-group-prepend">
          <span class="error_name"></span>
          <span class="input-group-text" id="inputGroup-sizing-sm">Ваше имя:&nbsp;&nbsp;&nbsp;&nbsp;</span>
        </div>
         <input type="text" id="af_name" name="name" value="[[+fi.name]]" placeholder="Введите сюда свое имя" class="form-control">
      </div>
    </div><BR>
    <div class="row justify-content-md-center">
      <div class="input-group col-lg-10">
        <div class="input-group-prepend">
          <span class="error_phone"></span>
          
          <span class="input-group-text" id="inputGroup-sizing-sm">Ваш телефон:</span>
        </div>
        <input type="phone" class="form-control" name="phone" value="[[+fi.phone]]" placeholder="введите свой телефон" class="form-control">
      </div>
    </div><BR>
    <div class="row justify-content-md-center">
      <div class="input-group col-lg-10">
        <div class="input-group-prepend">
          
          <span class="input-group-text">Ваш Email:&nbsp;&nbsp;&nbsp;</span>
        </div>
        <input type="text" class="form-control" name="Email" value="[[+fi.email]]" placeholder="Укажите свой электронный адрес">
      </div><BR>
    
    </div><BR>
 
    <div class="row justify-content-md-center">
       <div class="form-group">
        <div class="controls">
            <button type="reset" class="btn btn-warning">[[%af_reset]]</button>&nbsp;
            <button type="submit" name="submit" class="btn btn-secondary">[[%af_submit]]</button>
        </div>
    </div>

    </div>
     
  </div>
 </form>


calc.js:
function raschitat() {
  var  inputRazmer  = document.getElementById('inputRazmer').value;
  var  inputZamena  = document.getElementById('inputZamena').value;
    
if(inputRazmer == ""){

} else if(inputZamena == ""){

} else {

    if(inputRazmer=="r60x85"){
        if (inputZamena=="zamena1") {
            result="273.00";
        }
        else if (inputZamena=="zamena2") {
            result="245.00";
        }
        else if (inputZamena=="zamena3") {
            result="67.14";
        }
    }
    
    else if (inputRazmer=="r85x150") {
        if (inputZamena=="zamena1") {
            result="168.50";
        }
        else if (inputZamena=="zamena2") {
            result="151.65";
        }
        else if (inputZamena=="zamena3") {
            result="136.48";
        }
    }
    else if (inputRazmer=="r115x200") {
        if (inputZamena=="zamena1") {
            result="302.77";
        }
        else if (inputZamena=="zamena2") {
            result="272.49";
        }
        else if (inputZamena=="zamena3") {
            result="245.24";
        }
    
    }
    else if (inputRazmer=="r115x400") {
        if (inputZamena=="zamena1") {
            result="605.54";
        }
        else if (inputZamena=="zamena2") {
            result="544.98";
        }
        else if (inputZamena=="zamena3") {
            result="490.49";
        }
    
    } else if (inputRazmer=="r120x200") {
        if (inputZamena=="zamena1") {
            result="315.36";
        }
        else if (inputZamena=="zamena2") {
            result="284.34";
        }
        else if (inputZamena=="zamena3") {
            result="255.90";
        }
    
    } else if (inputRazmer=="r120x240") {
        if (inputZamena=="zamena1") {
            result="379.12";
        }
        else if (inputZamena=="zamena2") {
            result="341.21";
        }
        else if (inputZamena=="zamena3") {
            result="307.08";
        }
    
    } else if (inputRazmer=="r150x250") {
        if (inputZamena=="zamena1") {
            result="493.65";
        }
        else if (inputZamena=="zamena2") {
            result="444.28";
        }
        else if (inputZamena=="zamena3") {
            result="399.85";
        }
    
    } else if (inputRazmer=="r150x600") {
        if (inputZamena=="zamena1") {
            result="1184.76";
        }
        else if (inputZamena=="zamena2") {
            result="1066.28";
        }
        else if (inputZamena=="zamena3") {
            result="959.65";
        }
    
    } else if (inputRazmer=="r150x300") {
        if (inputZamena=="zamena1") {
            result="592.38";
        }
        else if (inputZamena=="zamena2") {
            result="533.14";
        }
        else if (inputZamena=="zamena3") {
            result="479.82";
            inputZamena = "3 раза в неделю";
            inputRazmer = "150х300 см";
        }
    
    } 

    document.getElementById('textstoimost').innerHTML = "Примерная стоимость аренды: ";
    document.getElementById('stoimost').innerHTML = result +"&nbsp;рублей в месяц";
}
}
  • Вопрос задан
  • 207 просмотров
Решения вопроса 1
wapster92
@wapster92 Куратор тега JavaScript
А ты уверен, что у option в select есть событие click?)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы