Javascript: costruiamo l’applicazione credi in Quelo

Si sa che anche il Manzoni giunto a ridosso della fatidica linea dell’ aldiquà dovette ricredersi sulle sue convinzioni religiose e abdicare per una resa incondizionata per lenire il senso di angoscia e di finitudine, ma allora come si fa a vivere senza credere in qualcosa o in QUELO? Quelo è una divinità satirica frutto della schizofrenia del comico Corrado Guzzanti il cui slogan base troneggia con “la risposta è dentro di te epperò è sbajata!”. Ora ipotizziamo di lavorare alla Nasa e di dover costruire una applicazione per essere sensibilizzati su quelo dove il parametro in ingresso ci viene richiesto a inizio schermata per modellare il calcolo di giorni vissuti senza “quelo”. All’ indirizzo https://www.farwebdesign.com/jsjq-basi/ESERCIZI/esercizio2.html abbiamo una portentosa dimostrazione di questa potentissima applicazione. Ma come funziona la logica di questa interfaccia? Trattasi semplicemente di Javascript e dell’ utilizzo di semplici variabili catturate e modellate con oggetti come il PROMPT e il comando document.write; sostanzialmente viene richiesto all’ utente l’età e questo parametro moltiplicato per il numero di giorni in un anno ci dà il risultato finale . Ma andiamo con ordine e diamo una occhiata al semplice script che naturalmente sarà compreso nei tag omonimi:

var anni = prompt(“Quanti anni hai?”);

var giorni = anni * 365;

document.write(“<CENTER>”+”<H1>” + anni + ” anni sono circa ” + giorni + ” giorni game, Quelo ti aspetta” + “</H1>”)

Si vede subito in ingresso il famoso PROMPT. La sintassi base dell’ oggetto è per l’appunto prompt( domanda , rispostadefault ); e in pratica: prompt(“Come ti chiami?”,”Scrivi qui il tuo nome”); esattamente come viene sopra dove una casella di input cattura il valore di una variabile con una risposta immessa dall’ utente. Una volta catturata la variabile anni non ci resta che creare un’ altra variabile giorni che come risultato finale sarà il tutto moltiplicato per il valore dei giorni anno, ossia 365 e da qui il risultato finale molto approssimativo data la mancanza di una data precisa di nascita. QUELO APPLICATION è dunque quanto mai essenziale per farsi venire addosso una strizza non da poco di fronte all’ inevitabile arrivo del famoso giocatore di scacchi del settimo sigillo.

Annunci

Ma é vero che il GM Matanovic non era granché come agonista?

agenzia web marketingMa basta con le fake news che la gente ci crede anche, Matanovic piallava gente del calibro di Tal tanto per fare un esempio e demolire il titolo provocatorio di agenzia web marketing! Per introdurre javascript abbiamo scomodato il GM Petrosjan all’ indirizzo:  https://umbriawayfidelizza.wordpress.com/2017/12/23/petrosjan-non-sapeva-difendersi-forse-sei-in-uno-stato-alterato-di-coscienza-e-comunque-senza-lo-studio-dei-classici-non-ti-serve-a-niente-giocare-lampo-20-ore-al-giorno-su-internet-per-diventare-il/ invece per parlare di variabili abbiamo scomodato Efim Geller all’ indirizzo: https://umbriawayfocus.wordpress.com/2017/12/23/colpi-tattici-da-paura-studia-le-mosse-rocambolesche-partorite-da-quel-pazzo-di-geller/ invece per parlare dei tipi di dati e le loro caratteristiche javascript abbiamo scomodato Nigel Short all’ indirizzo https://umbriawayformazione.wordpress.com/2017/12/24/difesa-pirc-quando-invita-qualcuno-alla-demolizione-dellimpianto-impugnando-una-pistola-il-nome-dell-agonista-che-ha-il-bianco-che-ha-il-fucile-entra-nella-leggenda/ per parlare delle istruzioni condizionali abbiamo scomodato il GM Dreev all’ indirizzo https://umbriawaynoir.wordpress.com/2017/12/25/buon-natale-da-alexey-dreev-best-games/ mentre Tony Miles lo abbiamo scomodato all’ indirizzo https://umbriawayvendita.wordpress.com/2017/12/26/tony-miles-best-games-e-i-mostri-dai-mille-occhi/ per parlare di FUNZIONI in JavaScript. A Gualdo Tadino ci siamo andati per valorizzare il GM Sokolov e per parlare di oggetti indirizzo https://umbriawayvalorizza.wordpress.com/2017/12/26/e-andrei-sokolov-che-fa/ mentre a Nocera Umbra ci siamo andati per valorizzare il GM Vaganian e per parlare di array in JS indirizzo https://umbriawaytarget.wordpress.com/2017/12/27/e-vaganian-che-fa-la-sa-giocare-la-francese-chiedetelo-a-reshevsky/ e infine abbiamo affrontato il gioco di Ljubojevic e il DOM all’ indirizzo https://umbriawaysemplifica.wordpress.com/2017/12/27/e-ljubojevic-che-fa-qualche-combinazione-lha-giocata-in-carriera-risponde-agenzia-web-marketing/. Adesso non ci resta che affrontare con agenzia web marketing il discorso sugli eventi parlando prima di un campione minore come Matanovic grande patron del vecchio caro informatore scacchistico, il cui fascino risiedeva proprio nel suo aromatizzato formato cartaceo. Indirizzo https://it.wikipedia.org/wiki/Aleksandar_Matanovi%C4%87 ecco come ci viene presentato da wikipedia il suo profilo: Aleksandar Matanovic (Belgrado, 23 maggio 1930) è uno scacchista serbo, fino al 1992 jugoslavo, Grande maestro. Campione jugoslavo dei giovani nel 1948, nel 1955 ottenne il titolo di Grande Maestro. Dopo essere stato 2° nel campionato jugoslavo nel 1951, 1956, 1959, lo vinse nel 1962, nel 1969 e nel 1978. Ha partecipato a diversi tornei zonali e interzonali, occupando in questi ultimi posizioni di media classifica. Matanovic ha partecipato dal 1954 al 1972 a 11 Olimpiadi per la Jugoslavia, ottenendo 13 medaglie: 4 individuali (una d’oro in 4a scacchiera a Siegen 1970, due d’argento e una di bronzo) e 9 di squadra (5 d’argento e 4 di bronzo). Ha giocato 146 partite col risultato complessivo di + 61 = 73 – 12 (66,8 %). Nei tornei è stato 1° ad Abbazia nel 1953, 2° a Belgrado nel 1954, 1° ad Amburgo e 2°-3° a Zagabria nel 1955; 1° a Beverwijk nel 1957; nel 1961 è stato 2°-5° a Mar del Plata, 2°-4° a Santa Fe, 1°-2° a Buenos Aires, 1° a Zevenaar; nel 1964 2° a Gerusalemme; nel 1965 2°-4° a Netanya. Dal 1966 è il principale editore dell’Informatore Scacchistico, rivista semestrale di grande diffusione e molto popolare tra gli scacchisti di tutto il mondo. Con la collaborazione di molti grandi maestri ha pubblicato anche una fondamentale enciclopedia delle aperture in cinque volumi. Le partite di questo campione le possiamo ammirare all’ indirizzo: http://www.chessgames.com/perl/chessplayer?pid=21135 dove assistiamo a un bel matto davvero spettacolare contro Buisguer nel 1961 http://www.chessgames.com/perl/chessgame?gid=1028405 per esempio. Oppure una bella vittoria posizionale si fa per dire contro Tal http://www.chessgames.com/perl/chessgame?gid=1139400. A questo punto non ci resta che serrare le file rientrando nei ranghi di javascript per vedere come gestisce gli eventi. Ora che sappiamo come selezionare e modificare gli elementi DOM, possiamo creare una semplice animazione. Creiamo una semplice pagina HTML con un elemento casella che verrà animato utilizzando JS, suggerisce agenzia web marketing.

<style>
#container {
width: 200px;
height: 200px;
background: green;
position: relative;
}
#box {
width: 50px;
height: 50px;
background: red;
position: absolute;
}
</style>

</div>

Il nostro elemento box è all’interno di un elemento contenitore. Nota l’attributo position usato per gli elementi: il contenitore è relativo e la casella è assoluta. Questo ci permetterà di creare l’animazione relativa al contenitore. Animeremo la casella rossa per spostarla sul lato destro del contenitore. Devi avere familiarità con i CSS per capire meglio il codice fornito. Per creare un’animazione, abbiamo bisogno di cambiare le proprietà di un elemento a piccoli intervalli di tempo. Possiamo ottenere questo risultato utilizzando il metodo setInterval (), puntualizza agenzia web marketing, che ci consente di creare un timer e chiamare una funzione per modificare le proprietà ripetutamente a intervalli definiti (in millisecondi). Per esempio:

var t = setInterval(move, 500);

Questo codice crea un timer che chiama una funzione move () ogni 500 millisecondi. Ora dobbiamo definire la funzione move (), che cambia la posizione della casella.

// starting position
var pos = 0;
//our box element
var box = document.getElementById(“box”);

function move() {
pos += 1;
box.style.left = pos+”px”; //px = pixels
}

La funzione move () incrementa la proprietà left dell’elemento box di uno ogni volta che viene richiamata. Il seguente codice definisce un timer che chiama la funzione move () ogni 10 millisecondi:

var t = setInterval(move, 10);

Tuttavia, questo rende la nostra casella spostarsi a destra per sempre. Per interrompere l’animazione quando la casella raggiunge la fine del contenitore, aggiungiamo un semplice controllo alla funzione move () e usiamo il metodo clearInterval () per fermare il timer.

function move() {
if(pos >= 150) {
clearInterval(t);
}
else {
pos += 1;
box.style.left = pos+”px”;
}
}

Quando l’attributo di sinistra della casella raggiunge il valore di 150, la casella raggiunge la fine del contenitore, in base a una larghezza del contenitore di 200 e una larghezza del riquadro di 50.
Il codice finale:

var pos = 0;
//our box element
var box = document.getElementById(“box”);
var t = setInterval(move, 10);

function move() {
if(pos >= 150) {
clearInterval(t);
}
else {
pos += 1;
box.style.left = pos+”px”;
}
}

Congratulazioni, hai appena creato la tua prima animazione JavaScript! È possibile scrivere codice JavaScript che viene eseguito quando si verifica un evento, ad esempio quando un utente fa clic su un elemento HTML, sposta il mouse o invia un modulo. Quando si verifica un evento su un elemento di destinazione, viene eseguita una funzione di gestore. Gli eventi corrispondenti possono essere aggiunti agli elementi HTML come attributi. Ad esempio: <p onclick = “someFunc ()”> del testo </ p>. Mostriamo un popup di avviso quando l’utente fa clic su un pulsante specificato:

<button onclick=”show()”>Click Me</button>

function show() {
alert(“Hi there”);
}

I gestori di eventi possono essere assegnati agli elementi. Per esempio:

var x = document.getElementById(“demo”);
x.onclick = function () {
document.body.innerHTML = Date();
}

Gli eventi onload e onunload vengono attivati ??quando l’utente entra o esce dalla pagina. Questi possono essere utili quando si eseguono azioni dopo che la pagina è stata caricata.

<body onload=”doSomething()”>

Similarly, the window.onload event can be used to run code after the whole page is loaded.

window.onload = function() {
//some code
}

L’evento onchange è principalmente utilizzato su caselle di testo. Il gestore eventi viene chiamato quando il testo all’interno della casella di testo cambia e il focus viene perso dall’elemento. Per esempio:

<input type=”text” id=”name” onchange=”change()”>

function change() {
var x = document.getElementById(“name”);
x.value= x.value.toUpperCase();
}

Il metodo addEventListener () allega un gestore di eventi a un elemento senza sovrascrivere i gestori di eventi esistenti. È possibile aggiungere molti gestori di eventi a un elemento.
È anche possibile aggiungere molti gestori di eventi dello stesso tipo a un elemento, ad esempio due eventi di “clic”.

element.addEventListener(event, function, useCapture);

Il primo parametro è il tipo di evento (come “click” o “mousedown”).
Il secondo parametro è la funzione che vogliamo chiamare quando si verifica l’evento.
Il terzo parametro è un valore booleano che specifica se utilizzare il bubbling o la cattura di eventi.

Questo parametro è facoltativo e verrà descritto nella prossima lezione.
Nota che non usi il prefisso “on” per questo evento; usa “click” invece di “onclick”.

element.addEventListener(“click”, myFunction);
element.addEventListener(“mouseover”, myFunction);

function myFunction() {
alert(“Hello World!”);
}

Ciò aggiunge due listener di eventi all’elemento. Possiamo rimuovere uno degli ascoltatori:

element.removeEventListener(“mouseover”, myFunction);

Creiamo un gestore di eventi che si rimuove da solo dopo essere stato eseguito:

<button id=”demo”>Start</button>


var btn = document.getElementById(“demo”);
btn.addEventListener(“click”, myFunction);

function myFunction() {
alert(Math.random());
btn.removeEventListener(“click”, myFunction);
}

Dopo aver fatto clic sul pulsante, viene visualizzato un avviso con un numero casuale e il listener di eventi viene rimosso. Internet Explorer versione 8 e versioni precedenti non supportano i metodi addEventListener () e removeEventListener (). Tuttavia, è possibile utilizzare il metodo document.attachEvent () per collegare gestori di eventi in Internet Explorer. Esistono due modi di propagazione degli eventi nel DOM HTML: bubbling e capture. La propagazione degli eventi consente la definizione dell’ordine degli elementi quando si verifica un evento. Se si dispone di un elemento <p> all’interno di un elemento

e l’utente fa clic sull’elemento

, l’evento di “clic” dell’elemento deve essere gestito per primo? Nel bubbling, l’evento dell’elemento più interno viene gestito per primo e quindi viene gestito l’evento dell’elemento esterno. L’evento click dell’elemento

viene gestito per primo, seguito dall’evento click dell’elemento

. Nel catturare, l’evento dell’elemento più esterno viene gestito prima e poi l’interno. L’evento click dell’elemento

viene gestito per primo, seguito dall’evento click dell’elemento

. Il metodo addEventListener () consente di specificare il tipo di propagazione con il parametro “useCapture”.

addEventListener(event, function, useCapture)

Il valore predefinito è falso, il che significa che viene utilizzata la propagazione di bubbling; quando il valore è impostato su true, l’evento utilizza la propagazione acquisita.

//Capturing propagation
elem1.addEventListener(“click”, myFunction, true);

//Bubbling propagation
elem2.addEventListener(“click”, myFunction, false);

Ciò è particolarmente utile quando si ha lo stesso evento gestito per più elementi nella gerarchia DOM. Ora possiamo creare un progetto di slider di immagini campione. Le immagini verranno modificate utilizzando i pulsanti “Avanti” e “Indietro”. Ora, creiamo il nostro codice HTML, che include un’immagine e i due pulsanti di navigazione:


Prev

width=”200px” height=”100px”/>
Next

Successivamente, definiamo le nostre immagini di esempio in un array:

var images = [
http://www.farwebdesign.com/uploads/slider/1.jpg&#8221;,
http://www.farwebdesign.com/uploads/slider/2.jpg&#8221;,
http://www.farwebdesign.com/uploads/slider/3.jpg&#8221;
];

Utilizzeremo tre immagini di esempio che abbiamo caricato sul nostro server. Puoi usare qualsiasi numero di immagini. Ora dobbiamo gestire i clic sul pulsante Avanti e Indietro e chiamare le funzioni corrispondenti per cambiare l’immagine.


Prev

width=”200px” height=”100px”/>
Next

JS:
var images = [
http://www.sololearn.com/uploads/slider/1.jpg&#8221;,
http://www.sololearn.com/uploads/slider/2.jpg&#8221;,
http://www.sololearn.com/uploads/slider/3.jpg&#8221;
];
var num = 0;

function next() {
var slider = document.getElementById(“slider”);
num++;
if(num >= images.length) {
num = 0;
}
slider.src = images[num];
}

function prev() {
var slider = document.getElementById(“slider”);
num–;
if(num < 0) {
num = images.length-1;
}
slider.src = images[num];
}

La variabile num mantiene l’immagine corrente. I clic sui pulsanti successivo e precedente vengono gestiti dalle funzioni corrispondenti, che modificano la sorgente dell’immagine con l’immagine successiva / precedente nell’array. Abbiamo creato un dispositivo di scorrimento delle immagini funzionante! HTML5 aggiunge alcuni attributi che consentono la convalida del modulo. Ad esempio, l’attributo richiede può essere aggiunto a un campo di input per renderlo obbligatorio da compilare.
La convalida della forma più complessa può essere eseguita utilizzando JavaScript. L’elemento form ha un evento onsubmit che può essere gestito per eseguire la convalida. Ad esempio, creiamo un modulo con due input e un pulsante. Il testo in entrambi i campi dovrebbe essere lo stesso e non vuoto per passare la convalida.

<form onsubmit=”return validate()” method=”post”>
Number: <input type=”text” name=”num1″ id=”num1″ />
<br />
Repeat: <input type=”text” name=”num2″ id=”num2″ />
<br />
<input type=”submit” value=”Submit” />
</form>

Ora dobbiamo definire la funzione validate ():

function validate() {
var n1 = document.getElementById(“num1”);
var n2 = document.getElementById(“num2”);
if(n1.value != “” && n2.value != “”) {
if(n1.value == n2.value) {
return true;
}
}
alert(“The values should be equal and not blank”);
return false;
}

Restituiamo true solo quando i valori non sono vuoti e sono uguali. Il modulo non verrà inviato se il suo evento onsubmit restituisce false.

Java Script: operatori logici e di confronto

Operatori di confronto

Qualsiasi consultazione in internet estrapolerebbe se interrogata sugli operatori di confronto un materiale analogo a quello sotto riportato, in particolare qui attingiamo a MR.Webmaster riconoscendo l’importante qualità formativa del portale. Questi operatori possono agire su diversi tipi di variabili (stringa, numerica, booleana, ecc.) e sono utilizzati per effettuare, appunto, dei confronti. L’esito del confronto genera un valore booleano (TRUE o FALSE).

== Uguaglianza
!= Diversità
< Minore
<= Minore o uguale
> Maggiore
>= Maggiore o uguale

Questo tipo di operatori assume un’importanza centrale all’interno delle strutture di controllo (o strutture condizionali) quando, cioè, l’esito del confronto tra due o più variabili diventa determinante al fine del comportamento del programma stesso.

Vediamo qualche esempio di utilizzo degli operatori di confronto:

var a = 12;
var b = 5;

if (a == b) { … } // il controllo restituisce FALSE
if (a != b) { … } // il controllo restituisce TRUE
if (a < b) { … } // il controllo restituisce FALSE
if (a > b) { … } // il controllo restituisce TRUE

Esistono poi degli operatori chiamati logici che permettono di comporre più espressioni logiche elementari per scriverne di complesse. Per esempio per esprimere il confronto 5 é maggiore di 4 e 3 é maggiore di 1 si usa l’operatore &&: alert(5>4 && 3>1); si noti che la frase é vera solo quando entrambe le condizioni lo sono.

Operatori logici

Un altra serie molto importante di operatori è costituita da quella simbologia che consente di effettuare operazioni logiche di associazione (AND), alternanza (OR) e negazione (NOT). Anche questi operatori sono utilizzati nelle strutture di controllo del flusso di programma.

&& – L’operatore “AND” è utilizzato per creare condizioni complesse composte da una pluralità di sotto-condizioni; affinché la routine si verifichi è necessario che tutte le sotto-condizioni siano vere.
|| – L’operatore “OR” è utilizzato per creare condizioni complesse composte da una pluralità di sotto-condizioni; affinché la routine si verifichi è necessario che almeno una delle sotto-condizioni sia vera.
! – L’operatore “NOT” indica una negazione all’interno di una routine. In sostanza si usa per invertire il significato di una condizione.

Vediamo qualche esempio:

var a = 10;
var b = 3;
var c = 9;
var d = 24;

if (a == b && c < d) { … } // il controllo restituisce FALSE
if (a != b && c < d) { … } // il controllo restituisce TRUE
if (a > b || c == d) { … } // il controllo restituisce TRUE
if (!(a > b)) { … } // il controllo restituisce FALSE

Gli operatori booleani hanno il seguente ordine di precedenza prima si applicano i NOT poi eventuali AND e infine gli OR. Una espressione viene valutata fin quando si é certi del risultato dell’ operazione, per esempio se valutando l'(espressione 1 && espressione 2) l’interprete verifica che espressione 1 vale FALSE non serve che valuti espressione 2 perché si sa già che il risultato sarebbe in ogni caso FALSE.

AND LOGICO &&

primo argomento false , secondo argomento false , risultato finale false
primo argomento false secondo argomento true risultato false
primo argomento true, secondo argomento false risultato false
primo argomento vero secondo argomento vero risultato vero

Sostanzialmente le espressioni di confronto per rientrare nel vero in questa categoria devono essere risolte in entrambi i casi con vero, mentre per l’ OR || OPPURE é l’esatto opposto perché verifica solo che entrambi le espressioni non rientrino nel casi espressione 1 false ed espressione 2 false che genera un false mentre tutte le altre combinazioni danno vero (true true genera true, false e true generano true e true e false generano true).

 

Come usare gli operatori condizionali e vivere felici

formazione nocera umbraCon Formazione Nocera Umbra daremo un occhiata agli operatori condizionali. Un operatore condizionale é un singolo operatore utilizzato come scorciatoia per una singola istruzione if-else. Le istruzioni if-else usano la simbologia ?:; una istruzione condizionaleappare alla sinistra del punto interrogativo, se l’istruzione condizionale é vera, l’espressione immediatamente a sinistra del punto interrogativo viene valutata. Di seguito alla prima espressione vengono un simbolo di due punti e un altra espressione. Se l’istruzione condizionale é falsa, JS valuta l’istruzione che segue con i due punti. Per esempio l’istruzione (var1 == 23) ? (str=’yes’) : (str=’no’) confronta il valore di var1 e se questi é uguale a 23 alla variabile str2 viene assegnato il valore si altrimenti se non é = 23 viene assegnato il valore no.

Vediamo degli esempi concreti
<html>
<head>
</head>
<body>

stomach = “hungry”;
time = “5:00”;
(stomach == “hungry” && time == “5:00″)?eat=”dinner.”:eat=”a snack.”;
document.write(“Since my stomach is ” + stomach + ” and the time is ” +
time + “, then I will eat ” + eat);

</body>
</html>

<html>
<head>
</head>
<body>

overtime = true;
hours = 14;
rate = 10.25;
(overtime) ? pay=hours*rate*1.5 : pay=hours*rate;
document.write(“Overtime: ” + overtime + “
“);
document.write(“Hours worked: ” + hours + “
“);
document.write(“Rate: ” + rate + “
“);
document.write(“Pay: $” + pay + “
“);

</body>
</html>

Come ordinare un array e vivere felice con JS in pillole

web developer umbriaUn array pieno di elementi può essere convertito in una stringa usando il metodo join(), afferma Umbriaway Formazione. L’oggetto array dispone di un altro metodo che ordina gli elementi dell’ array in ordine alfabetico ascendente convertendoli in stringhe  che é sort(). Per esempio se avete un array di parole che si chiama array1 potete ordinare le parole convertendole in stringhe utilizzando l’istruzione str1=array.sort(). Quando il metodo sort() viene utilizzato su un array di numeri, i numeri sono elencati alfabeticamente anziché un ordine numerico. Per esempio un array che contiene 1,2,10,12 viene ordinato come 1,10,12,2(one, ten, twelve,two). Il metodo sort() può accettare un nome di funzione come parametro, il nome di funzione può contenere un modo alternativo per ordinare un array, ad esempio ordinare un array ,di numeri numericamente anziché alfabeticamente. Ad esempio:

function numSort(var1,var2) {
return var1 – var2;
}
array1 = new array (“1″,”2″,”12″,”34″,”72”);
str1=array1.sort(numSort);

Quando viene eseguito il metodo sort() viene chiamata la funzione numSOrt. Questa funzione accetta due parametri e restituisce la differenza tra di loro. Questa differenza viene utilizzata dal metodo sort() per ordinare i numeri in modo numerico. Man mano che il metodo sort() analizza gli elementi dell’ array, la funzione numSort viene chiamata ogni volta che é necessario per completare l’ordinamento.

Vediamo un esempio concreto alla fine aprendo la pagina mi ritroverò tutti gli elementi ordinati numericamente.

<html>
<head>
</head>
<body>

array1 = new Array();
array1[0] = “bark”;
array1[1] = “apple”;
array1[2] = “nebula”;
array1[3] = “gregarious”;
array1[4] = “jumpy”;
array1[5] = “water”;
str1 = array1.sort();
document.write(str1);

</body>
</html>

vediamo lo stesso esempio applicato ai numeri con l’uso della funzione per una classificazione numerica.

<html>
<head>
</head>
<body>

function numSort(var1, var2) {
return var1 – var2;
}

array1 = new Array();
array1[0] = “1”;
array1[1] = “10”;
array1[2] = “160”;
array1[3] = “101”;
array1[4] = “2”;
array1[5] = “23”;
str1 = array1.sort(numSort);
document.write(str1);

</body>
</html>

Convertire numeri in stringhe con JavaScript a cura di Umbriaway Formazione

In uno dei tanti portali di turismo in Umbria alias Colle di Nocera abbiamo visto come convertire le stringhe in numeri con metodi specifici e funzioni per interi e a virgola mobile in particolare parseInt e parseFloat, ma se dovessimo fare il contrario come possiamo fare, cioé abbiamo un numero e vogliamo farlo diventare una stringa? I numeri possono essere convertiti facilmente in stringhe aggiungendo le virgolette o uno spazio davanti al numero. Per esempio se una variabile che si chiama temp1 contiene il valore 36, allora l’istruzione “” + temp1; convertirà automaticamente temp in una stringa. Esiste anche una funzione specifica utilizzando toString() ed é abbastanza facile farlo usando l’istruzione separata da un punto ad esempio io ho temp2=49 scrivendo temp2.toString(); arrivo a centrare il mio obiettivo. Ovviamednte se utilizzassi questa funzione con una stringa non succederebbe nulla afferma turismo Umbria alias Colle di Nocera. Le variabili possono essere convertite in qualsiasi momento da stringhe in numeri e viceversa. Quello di convertire un numero in una stringa aggiungendo le virgolette davanti é uno stratagemma veloce ma il metodo corretto per compiere questa operazione rimane con l’uso di toString() perché é anche chiaro a livello di codice.

Vediamo il codice con la strada più contorta:

turismo umbria

<html>
<head>
</head>
<body>

var int1 = 256;
var str1 = “” + int1;
document.write(int1 + ” is of type: ” + typeof int1 + “
“);
document.write(str1 + ” is of type: ” + typeof str1 + “
“);

</body>
</html>

e adesso vediamo quello con la scrittura più pulita usando la funzione toString()

turismo Umbria

<html>
<head>
</head>
<body>

var int1 = 256;
var str1 = int1.toString();
document.write(int1 + ” is of type: ” + typeof int1 + “
“);
document.write(str1 + ” is of type: ” + typeof str1 + “
“);

</body>
</html>

In uno dei prossimi articoli con Turismo Umbria vedremo come dichiarare un array.