Introduction à JavaScript - WOA JS

stardisblue

28.2K views

01 Introduction

02 Les types, variables et constantes

07 Les structures de données

08 Quelques exemples

09 Document object model

10 Exercices

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.

Create your playground on Tech.io

This playground was created on Tech.io, our hands-on, knowledge-sharing platform for developers.

Go to tech.io

ABOUT US CAREERS PRIVACY FAQ BLOG

The #1 tech hiring platform

SCREENING INTERVIEWING

Hands-on Demo

Template Resources

Visual and Interactive Content

Introduction à JavaScript - Module M2206 - MMI1

Exercices DOM

Exercices - WOA - Intro JS

Exercice Javascript