Basit Kodu Çalıştıramıyorum; Yardımcı Olur Musunuz?

07-12-2021, 22:32:14

Kod bilgim pek yok web siteme bir adet KDV hesaplama makinesi koymak istiyorum. Bir tane kod buldum ama istediğim gibi düzenleyemiyorum.

Kodda yapmak istediğim şu; KDV oranlarını kişiler manuel olarak değil de aşağıdaki görseldeki gibi otomatik seçsinler istiyorum. Uğraşarak bir şeyler yaptım ama sadece %1'i hesaplıyor. %8 ve %18'i seçince yine %1'den hesaplıyor.

iki saattir uğraşıyorum yapamadım. Yapmak istediğim düzenlemeyi yapıp bana gönderebilecek birisi var mı? Dua ederim vallaha

Kodun tamamını buraya kopyalıyorum:




<div class="tum">

<p id="secim">Dahil Hariç:</p>
 <select class="johnc" id="yon" onchange="secim();" >
<option value="v" selected="selected" >KDV Hariçten Dahile</option>
<option  value="w">KDV Dahilden Harice</option>
</select>
  
 <p id="tip1" >KDV Hariç </p>
 <input type="numero" id="veri1" step="0.01" >





<p id="tip2">KDV Oranı Seç(%)</p>
    <select class="johnc" id="yon" onchange="secim();" >
        <option value="1" type="number" id="veri2" step="0.01">%1</option>
            <option value="8" type="number" id="veri2" step="0.01">%8</option>
            <option value="18" type="number" id="veri2" step="0.01">%18</option>
        </select>
<p>










<form>
<input type="button" style="background: #126c14;position: relative;cursor: pointer;font-size: 20px;display: block;font-weight: 500;border: 0;border-radius: 3px;color: #fff;padding: 10px 20px;line-height: 20px;" value="KDV Hesapla" onclick="sonuc()">
</form>

<p id="tip3">KDV Tutarı :</p>
<input type="numero" id="sonucc">
<p id="tip4">KDV dahil Tutar:</p>
<input type="numero" id="sonucc2">
</div>


<script type="text/javascript" language="javascript">
function secim()
{
var yon = document.getElementById('yon').options[document.getElementById('yon').selectedIndex].value;
if(yon=='v'){
document.getElementById('tip1').innerHTML = 'Kdv Hariç Fiyat';
document.getElementById('tip2').innerHTML = 'Kdv Oranı (%)';

document.getElementById('tip3').innerHTML = 'Kdv Tutarı';
document.getElementById('tip4').innerHTML = 'Kdv Dahil Fiyat';
} else if(yon=='w'){
document.getElementById('tip1').innerHTML = 'Kdv Dahil Fiyatı';
document.getElementById('tip2').innerHTML = 'Kdv Oranı (%)';

document.getElementById('tip3').innerHTML = 'Kdv Tutarı';
document.getElementById('tip4').innerHTML = 'Kdv Hariç Tutar';
}}
</script>
<script type="text/javascript" language="javascript">
function sonuc()
{
var val = document.getElementById('yon').value;
var a = parseFloat(document.getElementById('veri1').value);
var b = parseFloat(document.getElementById('veri2').value);
if(val=="v") {
var a2=(a/100*b);
var son= a2.toFixed(2);
var son2=a+a2;
document.getElementById('sonucc').value=parseFloat(a2)+" TL";
document.getElementById('sonucc2').value=parseFloat(son2)+" TL";
} else  if (val=="w") {
var b2=a/(1+(b/100));
var son2= b2.toFixed(2);
var son=(a-son2).toFixed(2);
document.getElementById('sonucc').value=parseFloat(son)+" TL";
document.getElementById('sonucc2').value=parseFloat(son2)+" TL";
}
else {
var son=veri1/veri2;
son= son.toFixed(2);
document.getElementById('sonucc').value=parseFloat(son)+" A";}
}
</script>
[B][/B]

07-12-2021, 22:44:04

#2

nuriodaci

Basit bir örnek bu şekilde.

<input type="number" id="miktar">

<select id="vergi" onchange="change()">
  <option value="8">%8</option>
  <option value="18">%18</option>
</select>

<input type="submit" onclick="hesapla()">

<p id="sonuc"></p>

<script>
    function change(){
      var vergiorani=document.getElementById("vergi").value;
      var miktar=document.getElementById("miktar").value;
      var vergi =miktar*vergiorani/100;
      document.getElementById("sonuc").innerText=vergi;
    }
    function hesapla(){
      var vergiorani=document.getElementById("vergi").value;
      var miktar=document.getElementById("miktar").value;
      var vergi =miktar*vergiorani/100;
      document.getElementById("sonuc").innerText=vergi;
    }
</script>

07-12-2021, 22:47:12

#3

AlfaKurt

nuriodaci adlı üyeden alıntı: mesajı görüntüle

Basit bir örnek bu şekilde.

<input type="number" id="miktar">

<select id="vergi" onchange="change()">
  <option value="8">%8</option>
  <option value="18">%18</option>
</select>

<input type="submit" onclick="hesapla()">

<p id="sonuc"></p>

<script>
    function change(){
      var vergiorani=document.getElementById("vergi").value;
      var miktar=document.getElementById("miktar").value;
      var vergi =miktar*vergiorani/100;
      document.getElementById("sonuc").innerText=vergi;
    }
    function hesapla(){
      var vergiorani=document.getElementById("vergi").value;
      var miktar=document.getElementById("miktar").value;
      var vergi =miktar*vergiorani/100;
      document.getElementById("sonuc").innerText=vergi;
    }
</script>

Hocam zaman ayırdığınız için teşekkür ederim. Fakat bu benim verdiğim koddan çok eksik. Vermiş olduğum kod üzerinde belirttiğim sorunun çözümünü sunabilir misiniz? Minnettar olurum inanın.

sabahtan beri uğraşıyorum. js ile ilgili 0 bilgiye sahibim.

07-12-2021, 22:56:16

#4

cartel24

Hocam çok inceleyemedim vaktim kısıtlı ama mantık olarak dropdown'dan seçili olan veriyi a değişkenine almalısın ki kdv yi doğru hesaplasın, dropdown'un oluşturulması da bir tuhaf ama aşağıdaki kod gibi birşey lazım sana
[COLOR=var(--highlight-variable)]

var a = select#dropDownId option:selected'

[/COLOR]).[COLOR=var(--highlight-literal)]val[/COLOR]()

07-12-2021, 23:10:40

#5

AlfaKurt

cartel24 adlı üyeden alıntı: mesajı görüntüle

Hocam çok inceleyemedim vaktim kısıtlı ama mantık olarak dropdown'dan seçili olan veriyi a değişkenine almalısın ki kdv yi doğru hesaplasın, dropdown'un oluşturulması da bir tuhaf ama aşağıdaki kod gibi birşey lazım sana
[COLOR=var(--highlight-variable)]

var a = select#dropDownId option:selected'

[/COLOR]).[COLOR=var(--highlight-literal)]val[/COLOR]()

Hocam çok teşekkürler. Fakat Sıfır bilgiye sahibim. Söylediğinizden hiç bir şey anlayamadım valla

08-12-2021, 01:52:00

#6

AlfaKurt

@nuriodaci hocam verdiğin kodu uyarladım ve çalıştı. Çok teşekkür ederim gerçekten.