Javascript problema javascript

Stato
Discussione chiusa ad ulteriori risposte.

alcatrak

Utente Electrum
21 Marzo 2017
351
40
96
178
salve a tutti. ho provato a fare un esercizio di javascript in cui io devo inserire un nome(alessandro) in un input text e cliccando un bottone questo fa uscire un messaggio allerta che dice ciao alex, in caso il nome messo nella casella di testo non è alessandro, cliccando sempre sul bottone deve uscire un messaggio allerta che dice ciao + il nome immesso nella casella di testo, mi potreste dire il codice e me lo potreste anche spiegare?? grazie mille in anticipo
:myeah::yo:
 
Allora ipotizziamo che il tuo HTML sia:
HTML:
<input tipe="Text" id="Nome" placeholder="Inserisci qui il tuo nome" />
<input type="Button" value="Stampa Nome" onclick="Alert("Ciao" + document.getElementById("myText").value)" />

Non credo ci sia molto da commentare, l'evento onclick sul tuo tag di tipo button richiama la funzione alert concatenando la stringa "Ciao" con il valore preso dalla input dove si mette il testo.
 
Non è quello che cerco, io voglio che quando inserisci il nome Alessandro, si attiva una funzione che riconosce il nome Alessandro e fa uscire una finestra di allerta che dice "ciao alex" (poiché associa Alessandro ad Alex).
In caso nella casella di testo non ce scritto alessandro deve uscire una finestra alert che dice "ciao x(x è il nome inserito nella tabella testo)"
 
Per fare l'associazione puoi usare le condizioni if, case oppure un database che contiene le associazioni, a questo punto però non puoi pretendere molto a livello di codice fatto a mano se non sai nulla di programmazione JS ;)
 
Ho provato a fare qualcosa, ma non ci sono riuscito
Ecco il codice:
Codice:
<!doctype html>
<html>
  <head>
    <title>Ggggdi</title>
    <script type="text/JavaScript">
Var nome = "Alessandro";
Function controllaname() {
If (document.getElementById('text').value == nome) {
Alert("Ciao Alex");
}
Else {
Alert("Ciao" + document.getElementById('text').value);
}
}
    </script>
  </head>
  <body>
    <form method="post">
     <input id="text" type="text" placeholder="Inserisci qui il tuo nome"/>
      <br/>
     <input type="button" value="invia nome" onclick="controllaname()"/>
    </form>
  </body>
</html>
 
Perchè il JS è case-sensitive, non puoi usare le maiuscole (io l'ho fatto ma ero da iPad e gli piace mettere le maiuscole in automatico)
HTML:
<script type="text/JavaScript">
var nome = "Alessandro";
function controllaname() {
if (document.getElementById('text').value == nome) {
alert("Ciao Alex");
}
else {
alert("Ciao " + document.getElementById('text').value);
}
}
    </script>
  <body>
    <form method="post">
     <input id="text" type="text" placeholder="Inserisci qui il tuo nome"/>
      <br/>
     <input type="button" value="invia nome" onclick="controllaname()"/>
    </form>
 
Pensavi ti saresti liberato di me, e invece no.
Ho provato a fare la stessa cosa utilizzando switch, quindi i case, ma non funziona!!
Ecco il codice:
Codice:
<!doctype html>
<html>
  <head>
    <title>Switch</title>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=yes">
    <link rel="stylesheet" href="Switch_styles.css">
  </head>
  <body>
    <script type="text/javascript">
function controllanome() {
var nome = document.getElementById('text').value;
switch (nome) {
case "Alessandro":
alert('Ciao Alex');
break;
case "Alessia":
alert('Ciao Ale');
break;
case "Alessio":
alert('Ciao Ale');
break;
case "Francesco":
alert('Ciao Ciccio);
break;
case "Giuseppe":
alert('Ciao Peppe');
break;
case "Salvatore":
alert('Ciao Tore');
break;
default:
alert('Ciao' + nome);
}
}
</script>
<form method="post">
<input type="text" id="text" placeholder="Inserisci qui il tuo nome"/>
<input type="button" value="clicca qui" onclick="controllanome()"/>
  </body>
</html>
Questa volta non sono le maiuscole il problema
 
In questi casi è bene imparare a indentare il codice e a renderlo leggibile, quindi di organizzarlo in modo da avere tutto sotto controllo.
Qui hai il tuo script: https://jsfiddle.net/treanbw4/
Se attivi la console da browser (Click Destro -> Ispeziona Elemento) puoi vedere nel debugger qual è il problema:
EDf6pLP.png

Nel tuo caso hai un errore di tipo EOF (End of File) vale a dire che probabilmente c'è qualcosa di errato a livello di chiusura della frase:
uinNWJc.png

Cliccando infatti sull'errore alla linea 58 dell'output non viene chiusa la stringa alert('Ciao Ciccio); , quindi tutto il restante codice viene interpretato come stringa
 
Stato
Discussione chiusa ad ulteriori risposte.