1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
   | <!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="author" content="Daniel Hagnoul">
  <title>Test</title>
  <style>
 
  </style>
  <script>
    'use strict';
 
    document.addEventListener( 'DOMContentLoaded', ev => {
            
    });
    
    window.addEventListener( 'load', ev => {
      
      document.querySelector( "#part6" ).addEventListener( "submit", ev => {
        ev.preventDefault();
        ev.stopPropagation();
        
        let
          chaine1 = document.querySelector( "#premier" ).value,
          chaine2 = document.querySelector( "#second" ).value,
          sifaux = true;
         
        for ( let [ i, char ] of Array.from( chaine1 ).entries() ){
          
          // debug, console, touche F12
          // console.log( i, char );
          
          if ( char === chaine2 ){
            sifaux = false;
            console.log ( `Dans la chaîne ${ chaine1 }, la valeur ${ char } occupe la position ${ i }` );
          }          
        }
        
        if ( sifaux ){
          console.log( `Le caractère ${ chaine2 } n'est pas inclus dans ${ chaine1 }` );
        }
      });
      
    });
  </script>
</head>
<body>
  <main>
 
    <form id="part6">
      <label>Chaîne de référence : <input type="text" id="premier" name="premier"></label>
      <label>Caractère a trouver : <input type="text" id="second" name="second" maxlength="1"></label>
      <input type="submit">
    </form >
 
  </main>
</body>
</html> | 
Partager