Claudio51

Código cantando os patinhos com array em javascript

Sep 23rd, 2021 (edited)
311
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.10 KB | None | 0 0
  1.  
  2. <!DOCTYPE HTML>
  3. <html>
  4.  <head>
  5.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  6.  <title>Cantando os Patinhos - JAVASCRIPT</title>
  7.  </head>
  8.  <body style="background:#abcdef;font-family: arial;">
  9.  
  10.     <center><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxEQERIQDxAPEhIVEBMQEA8SEA8QDxcPFREWFhYTExUYHSggGBolGxUTITEiJSkrLi8uFx8zODUtNygtLisBCgoKDg0OGxAQGy0gICUtLS0vLi0tLS0tLy0uKy0tLS0tLy8tLS4tLTAtLS0tLS0tLS0tLS0tLS0tKy0tLS0tLf/AABEIAOEA4QMBEQACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABAUBAgMGB//EADsQAAIBAgIIBAIIBAcAAAAAAAABAgMRBCEFEjFBUWFxkQaBobEiMhMUQlJywdHwBzOS4RUjYoKisvH/xAAbAQEAAgMBAQAAAAAAAAAAAAAAAwQBBQYCB//EADURAQACAQIEAgkDAwQDAAAAAAABAgMEEQUSITFBUQYTIjJhcYGRoRRS0UKx4RUjM8EW8PH/2gAMAwEAAhEDEQA/APtIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADWc0ldtJcWR5c2PFXmvMRHxZiJnsh1dJxXypy9EaDUekunp0xxNvxCeuntPdxelJbox7tmut6UZvDHH3lJ+njzZjpR74LybR6p6UZP6scfSWJ00ebvS0jB7bx65rujZ6f0i0uTpfek/HsjtgtHbqlxknmmmuKN5TJXJXmpO8IZjbuye2AAAAAAAAAAAAAAAAAAAAAAAAA44rEKmrvbuXFlDiHEMejx81us+Eeb3Sk3nopq9eU3eT6Lcuh891mtzaq/Nkn6eEL9KRWOjkU3oAAAOtCvKDvF9VuZd0evzaS3Njnp5eEvF6RbuucLiFUV1k964Hf8ADuI49Zj5q9JjvClfHNJdjYowAAAAAAAAAAAAAAAAAARcHj6dZzVOV3Tm4TW9SX5bc+RFiz0yTMVnt0S5MN8cRNo7xulEqIA5168aa1pyUVdK74t2SXFkeXLTFSb3naIeq0tadqxupq05VZ5Jt7Ix5HznVZs3EdTM0jfyj4L1YjHV2/wura9o9NbMtf8Ajus232j7vH6iiJUg4u0k0+DNPmwZMN5pkjaU1ZiY3hqRMgAAB0oVnCSku3FcC3otXfS5YyU8PzHk83pFo2lfQmpJNbGro+m4ctctIvXtMbtdMbTs2JWAAAAAAAAAAAAAAAAAQHyj63UoV5zpycZqpNNrf8Tumt6OO9bfFmm1Z2neXY+qx5sNYtG8bR/Z6XA+OFa1ek7/AHqbVn/tk8u5tcXGOn+5X7NVm4NO++O33SMT43opf5dKrJ7tbVhHum36El+MY4j2azP4R04PlmfatEflUYHH1cZiFOq/hppyjBZQi3krLjm8+RzvFNbky03tPfwXMuDHpsPLTvPj4q7+JXi7E6Np4eng9WFTEfSzlXcIzcYU3GKjBSTjduV22ns55bn0d0taab1v9Vv7NFntM22W/wDB/wAYYnSVKvDF2lUoSp2rxgoKcKilZSSy1k4SvZLKUcuPQoHs9M0U4a2+LWfJu1jnvSLTVvpvW+NZ/CfBba2yjODXQAAAAW2iql4tcH6P9s7r0bz8+nnHP9M/iVPUV2tv5px0auAAAAAAAAAAAAAAAAAHzjxjo90sRKdvgq/HF7tb7S63z8zl+J4Jx5pt4S6nheeMmGK+NVCa5sQD0XhOP81/gX/Y13EJ6VaziM+7D0GM0JhNI0VhsbSU1GTnSetKE4t7dScWmny3nQ+juvpOP9Padpjt8Whz0nfmhb+HtAYbAUvoMJSVOGs5SzlKUpvLWnKTbk7JLN7EdQrGmMSrfRp53vLkluOX9ItfT1f6ek7zM9fgs4KTvzSpzi1sAAAAFjofbPovzOs9FpnnyR8v+1XU+CzOxVQAAAAAAAAAAAAAAAAAj4/BU68HTqx1ovyae5p7mRZcNMteW8dEuLNfFbmpO0vFaS8GVoNuhJVY7otqNT1yfoaLNwjJXrjnePy3uDi+O0bZI2n8KLE6Nr0/5lGrHm4S1e+w119Plp71ZbKmpxX920LTwnUzqx5Rl2bT90aniFfZiVPiEdKy9EayJmOsNW6/WZ2trzt+Jlv/AFDVcvL6y23zePV18nIqTO72GAAAAAFpoiOUnzS7f+nZ+i+LbHfJ5zEfb/6qaiesQsDqlYAAAAAAAAAAAAAAAAAI+kMQ6VKdSMJVHGN1CO1sjzXmlJtEb7JMVIveKzO2/i+c6Q8SYqq3eo6a+5TvC3Jva/NnMZ9fnvPWeX4R0/y6fBw/T0jpHN8Z6/4VzxVTb9JUvx15X9yr62/7p+636nH+2Psn6G0hNVoKc5yjL4WpSk1d7HnzsVtXzZMUxM77dVfVYKzjmaxHR6w0DSgAAAAAABmImewvsJS1IJb9r6s+mcL0v6bTVx+PefnLXZLc1pl2Ng8AAAAAAAAAAAAAAAAAAA5VsNTn88IS/FGMvc8Wx0t3iJ+j3XJavaZj6q/E+HcJU20IR5wvTf8AxsV76DT3/piPl0WMev1FO1p+vVT4rwRB50a04cFNKa8mrMoZODUnrS2y9j4xfbbJXdLqUZQerNpySV2sk3bajiNdpZ02e2KfBDF4v1hqU2QAAAAAJ+jcLd68lkvl5vj0On4Dwucl41GSPZjt8ZVs+TaOWFqdsqAAAAAAAAAAAAAAAAAAAAAAACp0t86/Dn3Zw3pNy/qa7d+Vc0/uoJzawAAAGUr5LPke6UtedqxvJPRYYTR2+p/Tv8zqOG+j9rTGTU9I/b/Krkz+FVmkdjWsVjaOiqGQAAAOWJrqCu+iW9so6/XY9Hj57/SPN7pSbTtCHDSmfxRsuKd2aDD6TxN9slNq/CU86fp0lYRkmrrNbmdVjvW9YtWd4lWmNmT2wAAAAAAAAAAAAAA516ygtZ+S3t8EVNZrMelxTkv9vOfJ6rWbTtCirVHJuT2v92Pmuq1N9Rltlv3n/wB2bCteWNmhXegAAMiRQxcobFDtn3Npo+LZdL7la/br90V8UW7plLSa+1Frms0dBp/SbFbplrMfLrH8oLaeY7Sm0qsZZxafub/T6vDnjfFaJQzWY7w3LLyAABiZ26ikx1fXllsWS/U+dcZ136rUTy+7HSP5X8VOWqMahKs9E1tsH1X5o7D0a1szE6e09usf9quop/VCxOtVQAAAAAAAAAAAANKtRRTk9iINTqcenxzkyTtEPVazadoUmJxDm7vZuXBHzniHEL6zLz26R4R5L+OkVhxNe9gAAAAAAMxk1mm0+K2kmPJfHbmpO0/BiYie6ww2kt1T+pbfNHU6D0jmNqamN/jH/cK19P41T4VovZKL80dNj1unyRvW8T9YV5paGJ4iEdso97vsjxm4jpcUe3ePuzGO09oV+Mx+stWGS3ve/wBDleKce9fWcWDpXxnxlZx4NusoBzSwGB2wc9WcXzt5PI2PC8/qdXjt8dvv0eMkb1mF8fTGuAAAAAAAAAAAAMTMRG8ilx2J13l8q2fqfPOMcTnV5dqz7Edvj8V/Fj5Y3RTTJQDenTctnfcT4cF8s7VYmYhJhhVvbfojZ4+H0iPandHOSW/1ePD1ZN+jw+TzzS1lhY7rr1I76DHPu7wzF5R6tFx6cTWZ9LfF1nrCSLRLkVnoAADIADAAAM3PVLctonyYns9GmfWaTvWJaye4egAAAAAAAAAAIOlK9o6q2y2/hOb9Itd6rFGGs9bd/knwU3neVScPK6GBlK+R6rXmmIgWNOCSsjo8WKMdeWFeZ3bErAAANGJiJjaSOiHiKFs1s9jTavSTT2q9k1b790c172AAAAAAAMD0cdi6I+s4f+OvyhrJ7skjAAAAAAAAAAAUeOqa1SXJ6q8v2z5txnPObWXny6R9GwxV2rCOatIAdKHzLqWNJ/zV+bzbssDokAAAAAAEarhb5xy5bjW59BEzvTokrfzcvq0uHqin+hzeX5e+eG8MI97XkTY+HWn35+zzOTycKis2uDsUstIpeax4PcdmpEyAANoRu0uLS7kuGnPkrXzmIYtO0S9EfV6xtGzWBkAAAAAAAAAAxPYedqPN9X7nynUTvlt85/u2dezUhZANoys0+DuSY7ctosxMbwsjpYneN4VwyAAAAAAAMNmLTtG8sq2Tu2+dzmb25rTKeIYPDIAAk6Pp3qLl8Xb+9jccDwet1lfKOv2RZrbVXZ9FUAAAAAAAAAAAAUGJjacl/qZ8u4hj9XqclfjP8tjjnesORTewABNwlS6tvXsbrQZ+avJPeEV48Xc2CMAAAAAABHxdXLVXn0Nbr8+0erj6pKV8UM06UAAALXRNK0XJ78l0X9zt/RrS8mK2ae9u3yj/ACp6i287J50yuAAAAAAAAAAACo0rTtPW4r1X7RwvpJp+TUxl8LR+YXNPbeuyEc4sAADaMmndHul5paLQTG6dRrKXXgb3BqqZY8p8kE1mHQtPIAAADG4j1sSllHN8dxQ1Otivs06ykrTzRGzTTMzO8pWDAAAOlCk5yUVv9t7LWj01tTmrir4/iPN5vaKxuv4RSSS2JWR9PxYq4qRSvaOjXTO87skjAAAAAAAAAAAAI+Oo68GltWa68DVcY0X6rTTEe9HWP4SYr8tlGfOJhsAwAAAZiZjsO0MRJb79S3j1uWnxeZpEuixfGPqWa8S86vPq2fra+6+56/1KP2seravFvcl7kVuI3ntGzMY3GdVva/LcVMmoyZPel7isQ0IGQAAAGYiZFzo/Daiu/mfouB3/AAThv6XH6y/v2/EeSjmyc07eCWb1CAAAAAAAAAAAAAAqtJYSz147H8y4Pj0OK47wqcdp1GKPZnvEeHx+S3hy7+zKAcusgAAAAAAAAAAAADMRuLTAYK3xzWf2Y8Ob5nZcF4NOPbPnjr4R5fGVTNm36QsDqlYAAAAAAAAAAAAAAAMxMRMbSKzF6P30/OO/yOP4n6PzEzk03WP2/wALePP4WV7RytqzWdpjaVlg8gAAAAAAAAMjpSoym7RV/bzZZ02jzam3Lirv/Z5taK91rhMCoZvOXouh2vDOB49LtfJ7V/xHyU8mabdISzfIQAAAAAAAAAAAAAAAAAAcq+GjP5lnxWTKGr4bp9VH+5Xr59pe65LV7IFXRj+xJPk8n3Ob1PozeOuG8T8J7/dYrqI8UaeEqLbB+WfsabLwnWYvexz9Ov8AZLGWs+Li1bbl1yKVsd6+9Ex9HveGDwyGAMxG43jTk9kW+ibJ8elzZPcpM/SXmbRHi708BUe5LqzZ4OAazJ3ry/OUc56wmUdGxXzNy5bEb3S+jWGnXNPN8O0IbaiZ7JsIpKySS4LI6HFipiry0iIj4IJmZ7skjAAAAAAAAAAAAAAAAAAAAAAAAHma1nvBu1dOP3V2RHOmwz3rH2hnmlj6KP3Y9kef0mD9kfaGeafNlQS2Jdke4w447Vj7Mby2JIjZgMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//2Q==" alt="some text" width=100 height=100></center>
  11.  
  12.     <h1><center>Exerc&iacutecio com array e la&ccedilo for em Javascript</h1>
  13.     <h3><center><span style="color:red;">Cantando os patinhos</h3>
  14.        
  15.     <script>
  16.     /***************************************************************************
  17.      
  18.       Crie um algor?timo com a musica cantado os patinhos, da Xuxa,
  19.      
  20.       onde todas as frases estejam no array,
  21.      
  22.      ***************************************************************************
  23.      */
  24.    
  25.     const texto = [
  26.         ' patinho',
  27.         ' patinhos',
  28.         ' foi passear,',
  29.         ' foram passear,',
  30.         ' mais s&oacute ',
  31.         ' para al&eacutem das montanhas para brincar, a mam&atildee gritou',
  32.         ' voltou',
  33.         ' voltaram',
  34.         ' de l&aacute.',
  35.         '  QU&Aacute!',
  36.         ' mais nenhum'];
  37.    
  38.     for (n = 5; n >=1; n--){
  39.             if(n > 1){
  40.                 document.write(n + texto[1] + texto[3]  + texto[5]);
  41.             }else{
  42.                 document.write(n + texto[0] + texto[2]  + texto[5]);
  43.             }
  44.             for(x = 1; x<=4; x++){
  45.                 document.write(texto[9]);
  46.             }
  47.             if(n > 1){
  48.                 document.write(texto[4] + (n-1));
  49.                 if(n > 2){
  50.                     document.write(texto[1] + texto[7] + texto[8] +'<br>');
  51.                 }else{
  52.                     document.write(texto[0] + texto[6] + texto[8] +'<br>');
  53.                 }
  54.            }else{
  55.                document.write(texto[10] + texto[0] + texto[6] + texto[8]);
  56.            }
  57.         }
  58.     </script>
  59.    
  60.   </body>
  61. </html>
Add Comment
Please, Sign In to add comment