» »

Vprašanje za java kalkulator

Vprašanje za java kalkulator

techuser ::

Rad bi spremenil kodo za java kalkulator. Celotna koda je na tem naslovu: https://jsfiddle.net/7vmtuzsL/2/

Podatki so v takšni strukturi:

HTML:
<select id="zivila1">
<option value="0,0,0,0">Izberite živilo</option>
<option value="110,1.24,0,23.09">Piščanja prsa</option>
<option value="18,0.2,3.92,0.88">Paradižnik</option>
<option value="374,1.04,80.43,8.11">Riž</option>
</select>
<select id="kolicina1">
<option value="1">100g</option>
<option value="2">200g</option>
<option value="3">300g</option>
</select>

javascript:
var sumKalorije=0;
var sumMascobe=0;
var sumOh=0;
var sumBeljakovine=0;

Ker je to nepregledno, če daš približno 20 različnih podatkov, me zanima kako bi spremenil kodo da bi bilo v takšni strukturi v HTMLju:

<select id="zivila1">
  <option data-kalorije="110" data-mascobe="1.24" data-oh="0" data-beljakovine="23.09">Piščančja prsa</option>
  <option data-kalorije="18" data-mascobe="0.2" data-oh="3.92" data-beljakovine="0.88">Paradižnik</option>
  <option data-kalorije="374" data-mascobe="1.04" data-oh="80.43" data-beljakovine="8.11">Riž</option>
</select>


Vse kar bi rad, da je označeno za vse številke ali so to beljakovine, maščobe, ogljikovi hidrati ali kalorije. Pri 20 različnih podatkih se človek ne znajde, če bi ostalo tako kot je v prvotni kodi.

Kakšne ideje?
  • spremenil: techuser ()

Tr0n ::

Yakamashi ::

$('#zivila1').change(function(){
       var selected = $(this).find('option:selected');
       var kalorije = selected.data('kalorije'); 
       ...
});

GupeM ::

Pristop je povsem napačen. Podatke o živilih preberi iz podatkovne baze. Načeloma bi jih lahko tudi iz datoteke, vendar priporočam podatkovno bazo. Če gre za prototip, kjer se ne boš ukvarjal s podatkovno bazo, si naredi vsaj array s podatki, kjer glede na izbrano živilo iz arraya prebereš ostale podatke o tem živilu.

var zivila = {
  "paradajz": [18,0.2,3.92,0.88],
  "piscanc": [110,1.24,0,23.09],
  "riz": [374,1.04,80.43,8.11]
}

Nato dospoaš do podatkov:
kalorije = zivila[izbrano_zivilo][0];
mascobe = zivila[izbrano_zivilo][1];
...

Količina naj bo za vpisat, ne za izbrat (lahko pojem 50g piščanca in 450 g paradižnika).

PS: Java in Javascript ni isto. Čim prej se tega navadi, manj težav boš imel pri iskanju rešitev.

Zgodovina sprememb…

  • spremenil: GupeM ()

swdev ::

Vprašanje glede java kalkulatorja

Eno leto je mimo, pa še nisi ugotovil razlike med Javo in JavaScriptom?

techuser ::

Pozdravljen:)

Javascript vem, pišem kar vse java. Vem, eno je programski jezik, drugo script jezik. Ponavadi delam samo s HTMLji, z javascriptom ne. Osnovna koda je odlična ampak sem takrat pustil zadevo, ni bilo cajta.

Zgodovina sprememb…

  • spremenil: techuser ()

swdev ::

Tudi javascript je programski jezik. Je pa čisto druga zadeva kot Java. Zato ni vseeno, ali ti napišeš java ali javascript.

Drugače pa, kar se tiče osvnonega vprašanja...
Princip je zgrešen. Podatkov o posameznem živilu ne hrani na clientu v takšnih obliki, kot prikazuješ (v atributih HTML elementov).

Namesto tega, za vsak "option" določi identifikator in ga hrani v "value" atributu. Nato pa boš na userjevo izbiro opcije, preko identifikatorja, pridobil podatek iz baze preko API klica. S pridobljenimi vrednostmi pa lahko potem kalkuliraš.

HTML
<select id="zivila1">
<option value="0,0,0,0">Izberite živilo</option>
<option value="123">Piščanja prsa</option>
<option value="321">Paradižnik</option>
<option value="456">Riž</option>
</select>
<select id="kolicina1">
<option value="1">100g</option>
<option value="2">200g</option>
<option value="3">300g</option>
</select>


Potem lahko na clientu uporabiš npr. jQuery knjižnico z AJAX klici, da pridobiš podatek preko HTTP klica iz PB.
Recimo, da uporabnik izbere opcijo Paradižnik. Najprej pridobiš izbran option in njegov value. Nato pa ta identifkator pošlješ v HTTP zahtevo.
JS
$.get("http://mojapi.si/api/foods/321", function(data, status){
        console.log("Data: " + data + "\n Status: " + status);
    });


Za tak pristop potrebuješ tudi server side del, kjer ti bo laufal web service. Poglej si npr. "nodejs rest api".

Zgodovina sprememb…

  • spremenilo: swdev ()

techuser ::

https://jsfiddle.net/7vmtuzsL/2/

Kako spremeniš, da ne bo 16 decimalnih mest pri rezultatih?
Če izbereš na tem primeru 300 g piščančjih prsi dobiš
Kalorije: 330kcal
Maščobe: 3.7199999999999998g
Ogljikovi hidrati: 0g
Beljakovine: 69.27g

Pri maščobah je kar 16 decimalnih mest. Kaj bi bilo potrebno narest?

Utk ::

Odvisno kaj bi rad naredu. Verjetno pa ni smiselno računat na več decimalk kot jih imaš v osnovi. Zakaj torej to delaš?

techuser ::

rad bi, da mi izpiše največ na 4 decimalke.

Ales ::

Enkrat ko pogruntaš da moraš vpisati javascript in ne java, je take stvari trivialno poiskati na iskalniku. Namesto da tukaj čakaš ure ali dneve na odgovor, ga imaš v parih sekundah.


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Vprašanje glede java kalkulatorja

Oddelek: Programiranje
61076 (775) techuser
»

Trdovratne težave v HTML/CSS-ju (strani: 1 2 )

Oddelek: Programiranje
888138 (6116) joker16_7
»

jquery in div-i (strani: 1 2 )

Oddelek: Izdelava spletišč
8710803 (9541) lisjak
»

PHP in objektno programiranje (strani: 1 2 )

Oddelek: Programiranje
8511571 (10038) kivi113
»

[JavaScript] Spreminjanje ozadja

Oddelek: Programiranje
7812 (756) Cvenemir

Več podobnih tem