Rappels de quelques éléments de syntaxe Javascript

000-output.js

// Pour afficher des données

// Popup (pas très propre)
alert('Coucou');

// Affichage sur la console
console.log('Coucou');

// Remplacer le texte d'un Nœud HTML
var node = document.getElementById('node-id');
node.textContent = 'Coucou;

005-Input.html

<form id="form-id" method="GET" action="">
    <input type="text" id="input-id" />
    <input type="submit" value="Go" />
</form>

<script>
var form = document.getElementById('form-id');
var input = document.getElementById('input-id');
form.addEventListener('submit', function (event) {
    event.preventDefault();
    var value = input.value;
    // do something
});
</script>

010-Function.js

var add = function(a, b) {
    return a + b;
};

020-Constructor.js

var User = function(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
};

User.prototype.getFullName = function() {
    return this.firstName + ' ' + this.lastName;
};

var user = new User('Test', 'User');

020-module.js

(function(exports) {
    var GLOBAL = '...';
    
    var privateMethod = function() {};
    
    var Model = function() {};
    
    exports.Model = Model;
})(this);

var model = new Model();