🥇 Atributo de datos HTML5 y JavaScript

A veces escribimos cadenas de mensajes en nuestro código javascript, lo cual no es realmente la mejor práctica y podría resultar un problema, especialmente si hay traducciones involucradas (por ejemplo, PHP).

Con el atributo de datos HTML5 podemos remediar esto e incluso usar la capacidad para otras cosas.

Ejemplo aproximado:

JAVASCRIPT (jQuery)

// Loading phase 
element.html(element.attr('data-loading'));

// Success phase
element.html(element.attr('data-success'));

// Error phase 
element.html(element.attr('data-error'));

HTML

<p class="msg" data-loading="Getting your stuf..." data-success="Ok, you're all set" data-error="Oh no! Something wen wrong">Messages...</p>

Artículos relacionados