funzione onclick non va

L

Leonardo Scotti

Utente Attivo
19 Apr 2020
55
2
8
La Spezia
Tommy03 ha scritto:
Clicca qui, è un esempio che potrebbe fare al caso tuo
Clicca per allargare...
ok però il mio problema è che non ho un solo checkbox ma 4 radio, e anche se lo uso, mi può dare solo true o false e non i valori del radio selezionato, inoltre il mio metodo di utilizzare gli id funziona nella prima parte, quindi non vedo perché non debba funzionare nella seconda

cmnq grazie mille !!!
 
WmbertSea

WmbertSea

Moderatore
Membro dello Staff
MOD
28 Nov 2014
436
73
28
Leonardo Scotti ha scritto:
ma comunque non funziona perché quando clicco il primo pulsante mi appare tutto il form2 senza eliminare uno dei campi input
Clicca per allargare...
A me funziona, presumo tu abbia fatto qualche altro errore oppure non hai fatto esattamente quanto ti ho indicato.

Leonardo Scotti ha scritto:
e in più cliccando il secondo bottone non calcola il risultato,
Clicca per allargare...
Nella funzione calcola() hai ancora questa roba? document.getElementById("incognita")

Nella console ti salta fuori qualche errore?

Ripeto:
Se non noti l'errore prova a postare nuovamente il codice html e javascript che hai modificato, vediamo se ci sono ulteriori errori.
Clicca per allargare...
 
WmbertSea

WmbertSea

Moderatore
Membro dello Staff
MOD
28 Nov 2014
436
73
28
inoltre il mio metodo di utilizzare gli id funziona nella prima parte
Clicca per allargare...
Il tuo metodo con id duplicati non può funzionare per i motivi che ti ho spiegato. Se tu ritieni che funziona, te lo dico apertamente, è inutile che io stia qui a discuterne. Se vuoi seguire i consigli, cerca di fidarti di ciò che ti si dice, diversamente fai come ritieni che sia giusto ma a quel punto io lascio spazio agli altri.
 
L

Leonardo Scotti

Utente Attivo
19 Apr 2020
55
2
8
La Spezia
WmbertSea ha scritto:
Il tuo metodo con id duplicati non può funzionare per i motivi che ti ho spiegato. Se tu ritieni che funziona, te lo dico apertamente, è inutile che io stia qui a discuterne. Se vuoi seguire i consigli, cerca di fidarti di ciò che ti si dice, diversamente fai come ritieni che sia giusto ma a quel punto io lascio spazio agli altri.
Clicca per allargare...
Non volevo dire questo, scusa, ora ho da fare ma domani provo ad attuare il metodo che tu mi hai suggerito
 
WmbertSea

WmbertSea

Moderatore
Membro dello Staff
MOD
28 Nov 2014
436
73
28
Leonardo Scotti ha scritto:
Non volevo dire questo, scusa, ora ho da fare ma domani provo ad attuare il metodo che tu mi hai suggerito
Clicca per allargare...
Nessun problema, se ho frainteso scusami tu per la mia reazione :)
Ok, fai sapere e se riscontri ancora problemi, inutile ripeterlo, prova a postare il codice da te modificato, così possiamo eventualmente ragionarci assieme.
 
  • Like
Reactions: Leonardo Scotti
L

Leonardo Scotti

Utente Attivo
19 Apr 2020
55
2
8
La Spezia
Ciao a tutti :) ,
grazie ai vostri preziosi consigli sono riuscito a risolvere il problema con lo script!!!!
Di seguito poso il codice completo e corretto:

HTML: 
<!DOCTYPE html>
<html>
<head>
<title>
piano inclinato
</title>
<style>

.risultato{
    border: solid, black, 3px;
}   
    
</style>
</head>
<body>
<form id="form1" class="form1">
<p>scegli incognita</p>
<input type="radio"  id="incognita1" name="incognita" value="Fe" required/><label for="Fe">Fe</label>
<input type="radio" id="incognita2" name="incognita" value="P" required/><label for="P">P</label>
<input type="radio" id="incognita3" name="incognita" value="h" required/><label for="h">h</label>
<input type="radio" id="incognita4" name="incognita" value="L" required/><label for="L">L</label>
<br>
<br>
<input type="button" value="procedi" id="button1" onclick="input();"/>
<br>
</form>
<form id="form2" class="form2" style="display: none;">
<br>
<p>inserisci dati</p>
<input type="text" placeholder="Fe" id="forzaEquilibrante" name="forzaEquilibrante" required/><br>
<input type="text" placeholder="P" id="peso" name="peso" required/><br>
<input type="text" placeholder="h" id="altezza" name="altezza" required/><br>
<input type="text" placeholder="L" id="lunghezza" name="lunghezza" required/><br>
<br>
<br>
<p>assicurati di inserire i valori in Newton o metri</p>
<br>
<br>
<input type="button" value="calcola" onclick="calcolo();"/><br>
</form>
<br>
<br>
<p class="risultato" id="risultato" style="display: none;">risultato:</p>

</body>
</html>

JavaScript: 
<script>

function input(){

var input1 = document.getElementById("forzaEquilibrante");
var input2 = document.getElementById("peso");
var input3 = document.getElementById("altezza");
var input4 = document.getElementById("lunghezza");

var form1 = document.getElementById("form1");
var form2 = document.getElementById("form2");
var risultato = document.getElementById("risultato");



    form1.style.display = "none"
    form2.style.display = "block"
    risultato.style.display = "block"
    
    var incognita1 = document.getElementById("incognita1");
    var incognita2 = document.getElementById("incognita2");
    var incognita3 = document.getElementById("incognita3");
    var incognita4 = document.getElementById("incognita4");
    
    if(incognita1.checked == true ){
       input1.style.display = "none"
    }
    else if(incognita2.checked == true ){
       input2.style.display = "none"
    }
    else if(incognita3.checked == true ){
       input3.style.display = "none"
    }
    else if(incognita4.checked == true ){
        input4.style.display = "none"
    }
    else{
        window.alert("Oops.. assicurati di scegliere un incognita");
    }
}


function calcolo(){


var forzaEquilibrante = document.getElementById("forzaEquilibrante").value;
var peso = document.getElementById("peso").value;
var altezza = document.getElementById("altezza").value;
var lunghezza = document.getElementById("lunghezza").value;

    var incognita1 = document.getElementById("incognita1");
    var incognita2 = document.getElementById("incognita2");
    var incognita3 = document.getElementById("incognita3");
    var incognita4 = document.getElementById("incognita4");



    if(incognita1.checked == true ){
        document.getElementById("risultato").innerHTML = ( (altezza / lunghezza) * peso + "N");
    }
    else if(incognita2.checked == true ){
        document.getElementById("risultato").innerHTML = ( forzaEquilibrante /(altezza / lunghezza) + "N" );
    }
    else if(incognita3.checked == true ){
        document.getElementById("risultato").innerHTML = ( (forzaEquilibrante / peso) * lunghezzza + "m" );
    }
    else if(incognita4.checked == true ){
        document.getElementById("risultato").innerHTML = ( forzaEquilibrante / (peso * altezza) + "m" );
    }
    
}

</script>
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
C [RISOLTO][PHP] Funzione ONclick PHP 14
A Chiamata funzione PHP con onclick PHP 8
Lino80 [Retribuito] Cerco programmatore php per modifica/inserimento funzione/valori da un plugin importer wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
R Variabile non risconosciuta dentro una funzione PHP 1
P Implementazione funzione FileReader Javascript 0
P Funzione copia multipla. Javascript 2
P Funzione jQuery Ajax invio file a php jQuery 1
A Funzione read URL PHP 6
F Funzione Glob - ricerca file contenente una parola PHP 1
A Mail con funzione mail() riconosciute come spam PHP 9
M Utilizzare la funzione mysql_num_rows() in PHP 5 PHP 3
A funzione iconv () non mi funziona PHP 4
D Come usare funzione php PHP 6
Y verificare condizione dopo esecuzione della funzione Programmazione 0
IClaude Funzione Javascript Javascript 8
A Funzione share come modificarla Social Media Marketing 0
L funzione onclik con seno e coseno non va Javascript 3
G modifica corretta funzione da eregi() a preg_match() PHP 3
Shyson Modificare funzione php PHP 15
L pdo (stampare un valore con ritorno a funzione) PHP 0
elpirata Funzione conversione da minuti in ore Javascript 0
@ [MS Access] Funzione Iif..is null... Database 0
F Funzione deprecata in PHP7 PHP 1
G [MS Access] Funzione ARROTONDA non definita nell'espressione MS Access 1
max1974 [Javascript] Funzione Errata procedura Javascript 2
pjtertdj Visualizzazione dati in php da mysql con funzione matematica in javascript PHP 1
Domenico_Falco1 Associare una stessa funzione get a due eventi a.click con classi differenti Ajax 6
psicomia Gestione funzione in javascript in tabella richiamare"textarea" valori preimpostati in "select" Javascript 2
L Problema funzione mail() PHP PHP 3
elpirata [Javascript] Lo script alle volte funzione altre volte no Javascript 0
V [Visual Basic] Richiamare funzione su modulo per restituire list Visual Basic 0
R [Photoshop] funzione colore automatico Photoshop 0
maxnegri [PHP]Funzione di calcolo prezzo di una camera in un range di date PHP 62
L [PHP] problema count messo in una funzione. PHP 1
Monital funzione php si ripete due volte PHP 6
GiErre [PHP] [HTML] Disabilitare un link in funzione della piattaforma PHP 7
Monital Funzione php e campo database come variabile PHP 6
M Recuperare ID e usarlo in funzione jQuery 2
M PHP - Funzione non e scrive il risultato PHP 3
R [Javascript] Rendere una funzione sempre visibile Javascript 2
M funzione mysql che ritorna i microsecondi a partire dal 1-1-1970 MySQL 3
batmanLF [MySQL] Problema funzione SUM MySQL 1
F [PHP] La funzione setcookie PHP 0
F [Photoshop] sovrapporre due immagini usando funzione batch Photoshop 0
otto9due Capire la funzione del parametro event passato alla funzione.. jQuery 1
A [Javascript] tabella dinamica e onchange su funzione Javascript 1
M Problema con connessione MySqli e funzione PHP 2
A [PHP] Problema invio mail con funzione mail() PHP 3
C Creazione di una funzione per il filtraggio dei campi di un db Presentati al Forum 0
C richiamare una funzione in un altro script php PHP 1

Discussioni simili

Alto Basso