Introduction à JavaScript - Module M2206 - MMI1

Jaze

17.7K views

GitHub

Open Source Your Knowledge, Become a Contributor

Technology knowledge has to be shared and made accessible for free. Join the movement.

Create Content

Previous: Les structures de données Next: Document object model

Hands-on Demo

What is the answer to Life, the Universe and Everything?

There is no answer to that!

Sleep and eat

Easy, this is 42

Peace & Love

Luke, how many stars are there in these galaxies?

Check out the markdown file welcome.md to see how this exercise is injected into the template.

# Un second test

@[Launch the server]({ "stubs": ["map/index.html"], "command": "node server.js" })

renders as:

Launch the server

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>TP 3</title>
<body>
    <form>
        check 1 <input type="text" name="check" value="1"><br />
        all <input type="checkbox" id="checkall" value="1" onchange='toto()'><br />
        check 1 <input type="checkbox" name="check" value="1"><br />
        check 2 <input type="checkbox" name="check" value="1"><br />
        check 3 <input type="checkbox" name="check" value="1"><br />
        check 4 <input type="checkbox" name="check" value="1"><br />
        check 5 <input type="checkbox" name="check" value="1"><br />
    </form>
    <button value="select all" onclick="selectAll(true)">select all</button><br />
    <button value="deselect all" onclick="selectAll(false)">deselect all</button><br />
    <button value="deselect all" onclick="mirroir(false)">mirroir</button><br />
<p id="demo">toto</p>
    <button onclick="document.getElementById('demo').innerHTML = Date()">The time is?
        </button>
    <script>
        function toto() {
            var checkall=document.getElementById('checkall');
            if (checkall.checked) { selectAll(true); }
            else { selectAll(false);}
        }
        function selectAll(value) {
            var inputs = document.getElementsByName('check');
            for (var i = 0; i < inputs.length; i++) {
                if (inputs[i].type == "checkbox") {
                    console.log(inputs[i]);
                    inputs[i].checked = value;
                }
            }
        }
        function mirroir() {
            var inputs = document.getElementsByName('check');
            for (var i = 0; i < inputs.length; i++) {
                if (inputs[i].type == "checkbox") {
                    console.log(inputs[i]);
                    inputs[i].checked = !(inputs[i].checked);
                }
            }
        }

Template Resources

markdowns/welcome.md What you are reading here is generated by this file. Tech.io uses the Markdown syntax to render text, media and to inject programming exercises.

nodejs-project A simple Nodejs project dedicated to run the programming exercise above. A project relies on a Docker image to run. You can find images on the Docker Hub or you can even build your own.

techio.yml This mandatory file describes both the table of content and the programming project(s). The file path should not be changed.

Visual and Interactive Content

Tech.io provides all the tools to embed visual and interactive content like a Web app or a Unix terminal within your contribution. Please refer to the documentation to learn more about the viewer integrations.

Open Source Your Knowledge: become a Contributor and help others learn. Create New Content

Open Source Your Knowledge, Become a Contributor

8/10 Quelques exemples

Hands-on Demo

Template Resources

Visual and Interactive Content

Introduction à JavaScript - WOA JS

Exercices DOM

Exercice Javascript

Module 288 : Utilisation des techniques de programmation dans le Frontend Web