DPW17 - 7 - ES.Next

by UDany

HTML

<h1 id="msg"></h1>

<h1 id="msg2"></h1>

<h1 id="msg3">
    <span data-value="Oh!"></span>
    <span data-value="Hi"></span>
    <span data-value="Mark"></span>
</h1>

CSS

h1 {
    font-size: 1.5em;
    font-family: Arial;
    margin-bottom: 15px;
}

body {
    padding: 1em;
}

JavaScript

/// Default parameters
function hi(msg="Hello World"){
	$("#msg").html(msg)
}

hi();

/// Template literals
function hi2(msg){
	$("#msg2").html(`Message: ${msg}`)
}

hi2("Hey, listen!");


// Arrow functions
$("#msg3 span").each((index, el) => $(el).html($(el).attr('data-value')));