Scopri come iniziare a creare calcolatrice web in 2 minuti
Con Calculoid, creare una calcolatrice da zero è così facile. Imparare come creare un calcolatore web di base in questo breve video.
Questo tutorial video spiega come creare una calcolatrice pronta per l'incorporamento in soli 2 minuti. Scopri come aggiungere e modificare campi, personalizzare la progettazione della calcolatrice, controllare l'anteprima e pubblicare la calcolatrice sul tuo sito web.
1. Crea campi
Per prima cosa, devi aggiungere i campi. Fare clic sul tipo di campo che si desidera aggiungere alla calcolatrice. Per la nostra calcolatrice, abbiamo bisogno di Campo cursore, campo casella radioe Campo di formula. Quindi ridimensiona ogni campo per adattarlo alla calcolatrice e spostali trascinandoli nella posizione corretta. Per modificare il nome del campo è sufficiente fare clic sull'icona Modifica nel campo che si desidera modificare.
Il campo cursore rappresenta un selezionato valore numerico. Il campo della casella radio viene utilizzato per selezionare uno da molti opzioni. Vai alla sezione delle opzioni per inserire il nome con valore e aggiungi tutte le nuove opzioni di cui hai bisogno. Il campo Formula rappresenta risultato calcolato dai valori degli altri campi. Nella sezione delle formule, creiamo la formula semplicemente cliccando su campi e operatori matematici.
2. Personalizza il design
Successivamente, è possibile modificare il design della calcolatrice. Seleziona un schema di colori con la colore dello sfondo e l'allineamento per tutto il testo nella nostra calcolatrice. Nel design avanzato, ci sono più opzioni per personalizzare la dimensione, lo spessore del carattere, il colore e l'allineamento di ogni tipo di testo. Per la nostra calcolatrice, dobbiamo evidenziare maggiormente il nome del campo, quindi impostiamo il font-weight del nome del campo su 500.
3. Calcolatore di anteprima
Puoi testare immediatamente la calcolatrice nell'editor e se vuoi controllare come apparirà la calcolatrice sul dispositivo diverso, vai all'anteprima. Nell'anteprima, puoi vedere la calcolatrice in una visualizzazione desktop, tablet o mobile. Se la calcolatrice è pronta e ha un bell'aspetto, il passaggio finale è incorporare la calcolatrice nel tuo sito web.
4. Pubblica sul sito web
Per pubblicare un calcolatore deve essere impostato come finito. Quindi copia il codice di incorporamento e inseriscilo nella tua pagina contenuto per mostrare la calcolatrice sul tuo sito web. E questo è tutto, una calcolatrice web interattiva in pochi minuti grazie a Calculoid.
