Salve a tutti!
Sto cercando di replicare i classici convertitore di temperatura da gradi celsius a fahrenheit e viceversa tramite uno javascript in un html file.
Il form e' composto da un box per l'inserimento del valore, un radiobox per la scelta della conversione da C° a F° o da F° a C°, un tasto per la conversione
Vi posto il mio codice:
codice:codice:<!DOCTYPE html> <html> <head> <title>Convertitore C° <-> F°</title> </head> <body> <br><br> <div align="center"> <form> <div align="right"> <p align="center"><strong>F° o C° </strong> <input type="number" id="valore"> </p> </div> <br><br> Da F° a C°<input type="radio" name="gradi" id="celsius"> <br><br> Da C° a F°<input type="radio" name="gradi" id="fahrenheit"> <br><br> <input type="submit" value="Calcola" onclick='conversione()'> </form> </div> <script type="text/javascript"> var val = document.getElementById('valore').value; var ris=0; function conversione(){ if (document.getElementById('celsius').checked) { ris = (val -32)/1.8; }; if (document.getElementById('fahrenheit').checked) { ris = (val *1.8)+32; }; document.write("Risultato conversione: " +ris); } </script> </body> </html>
Ho diversi problemi e dubbi:
1) il principale e' che mi da' sempre lo stesso valore come risultato: da C° a F° 32 e da F° a C° -17.77777777777778
2) Mi esce il risultato (sbagliato) solo tramite Google Chrome e non tramite Safari
3) Quando pigio il bottone per la conversione, la pagina si aggiorna dandomi solo la scritta di del risultato mentre a me interessava che apparisse sotto al form ed al pulsante
Sono un ignorante in JS