Jump to content
Sign in to follow this  
P0Y3B

Pobranie oraz wyświetlenie zmiennych

Recommended Posts

Mam taki kod:

<html>
<head>

<title>Praca domowa</title>

<script>
      function podlicz(){
      kwota = document.getElementById("kwota").value;            
      podatek = document.getElementById("podatek").value;            
      wynik = kwota*(1+podatek/100);                                  
      document.getElementById('wynik').innerHTML=wynik;

	  
      }
</script>


<style>
legend {
    background: #151515;
    box-shadow: inset 0 0 1px 1px #262626;
    border: #101010 1px solid;
    text-shadow: 1px 1px 0px #0d0d0d;
    padding: 0.4em 0.7em;
    text-align: left;
    border-radius: 3px;
    background-clip: padding-box;
    color: #ccc;
    font-family: Tahoma, Geneva, Sans-Serif;
    font-size: 11px;
}

fieldset {
	border-color: #3F3F3F;
	width: 240px;
	}
	
</style>
 
</head>

<body>

<fieldset>
<legend><strong>Oblicz brutto</strong></legend>
<input size="20" MAXLENGTH="20" id="kwota" name="kwota" type="text" value="" onkeyup="podlicz();">
 
<select id="podatek" onchange="podlicz();">
<option VALUE="22">22 %</option>
<option VALUE="7">7 %</option>
<option VALUE="33">33 %</option>
</select>


</fieldset>
<span id="wynik"></span>
<br />
Wartość <b>brutto</b> dla kwoty <b>100 zł</b> przy </b>23%</b> stawce VAT wynosi: <b>123 zł</b>.


</body>
</html>

I chcę aby zamiast ostatniej lini były odpowiednie zmienne podstawione.

 

Wartość brutto dla kwoty (cena jaką wpisaliśmy) przy (procent jaki wybralismy) stawce VAT wynosi (ukazujacy sie wynik)

Share this post


Link to post

Skoro pobrałeś już odpowiednie wartości, to teraz dodaj sobie odpowiednie klasy albo id, dla tych elementów HTML, których zawartość chcesz zmieniać.

Wartość <b>brutto</b> dla kwoty <b class="kwota"></b> przy <b class="vat"></b> stawce VAT wynosi: <b class="wynik"></b>.
document.getElementByClassName('kwota').innerHTML = kwota;
document.getElementByClassName('vat').innerHTML = podatek;
document.getElementByClassName('wynik').innerHTML = wynik;

 

  • Like 3

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Create a New Account. It’s free and easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
×
×
  • Create New...