mfrancois
2/18/2014 - 5:59 PM

Tutorial javascript step_0

Tutorial javascript step_0

etape_5.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
    <title>Tutorial Javascript</title>
    <script type="text/javascript" src="app.js"></script>
</head>
<body>
<div id="hello"></div>

</body>
</html>
etape_4.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
    <title>Tutorial Javascript</title>
    <script type="text/javascript" src="app.js"></script>
</head>
<body>
<div id="hello"></div>
<script type="text/javascript">
</script>

</body>
</html>
etape_3.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
    <title>Tutorial Javascript</title>
</head>
<body>
<div id="hello"></div>
<script type="text/javascript">
    document.getElementById('hello').innerHTML = "Hello World !";
    document.getElementById('hello').addEventListener('click',function(event){
        event.preventDefault();
        event.target.style.backgroundColor = "#00FFFF";

    });

</script>

</body>
</html>
etape_2.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
    <title>Tutorial Javascript</title>
</head>
<body>
<div id="hello"></div>
<script type="text/javascript">
    document.getElementById('hello').innerHTML = "Hello World !";
</script>

</body>
</html>
etape_1.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
    <title>Tutorial Javascript</title>
</head>
<body>

<script type="text/javascript">
    alert('Hello World !');
</script>

</body>
</html>
app_etape_5.js
content_copyfile_download
window.addEventListener('load',function(){
    document.getElementById('hello').innerHTML = "Hello World !";
    document.getElementById('hello').addEventListener('click', function (event) {
        event.preventDefault();
        event.target.style.backgroundColor = "#00FFFF";

    });
});
app_etape_4.js
content_copyfile_download
document.getElementById('hello').innerHTML = "Hello World !";
document.getElementById('hello').addEventListener('click',function(event){
    event.preventDefault();
    event.target.style.backgroundColor = "#00FFFF";

});