CastenettoA

Muoversi da jQuery a javascript

Usare Javascript invece che jQuery nei tuoi progetti può essere una mossa molto intelligente, non solo imparerai più a fondo le dinamiche del linguaggio e diventarai naturalmente più esperto, ma incrementerai notevolmente le performance del tuo sito.

_{Se lavori in grossi progetti e applicazioni che richiedono tante linee di codice lavorare in puro Javascript è un po frustrante, in questo caso un mix di JQuery e Javascript è necessario.}

Tabella dei contenuti

1. [Eventi] (#eventi)
2. [Selettori] (#selettori)
3. [Modifica Attributi] (#modifica)

CastenettoA

event.preventDefault();

CastenettoA

<form>
  <input type="text" name="email" id="email" />
  <input type="submit" id="bottone" value="iscriviti!" onclick="validaEmail">
</form>

CastenettoA

var button = document.getElementById('bottone');
var email = document.getElementById('email').value;

validaEmail() {
  event.preventDefault();
  checkEmail();
  button.submit();
}

CastenettoA

  if(event.preventDefault) { 
     event.preventDefault() 
  }else {
     event.returnValue = false;
   }

CastenettoA

  event.preventDefault ? event.preventDefault() : event.returnValue = false; 

CastenettoA

    function isEmail(email) {
      var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
      return regex.test(email);
    }
    
    /*
    * usage:
    * var check = isEmail(example@email.com);
    */

CastenettoA

const Mailjet = require ('node-mailjet')
const mailjet = new Mailjet({ 
    apiKey: process.env.MJ_APIKEY_PUBLIC || 'your-public-api-key',
    apiSecret: process.env.MJ_APIKEY_PRIVATE || 'your-private-api-key'
  });

exports.handler = async (event) => { 

  const { fromEmail, fromName, toEmail, toName, subject, TextPart, HtmlPart } = JSON.parse(event.body);