Advertisement
danine1

mobile-click innerhtml

Mar 14th, 2022
720
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //handle mobile click events
  2.     pink.addEventListener('touchstart', handlePinkMobile);
  3.     pink.addEventListener('click', handlePinkMobile);
  4.     yellow.addEventListener('touchstart', handleYellowMobile);
  5.     yellow.addEventListener('click', handleYellowMobile);
  6.     green.addEventListener('touchstart', handleGreenMobile);
  7.     green.addEventListener('click', handleGreenMobile);
  8.     red.addEventListener('touchstart', handleRedMobile);
  9.     red.addEventListener('click', handleRedMobile);
  10.     purple.addEventListener('touchstart', handlePurpleMobile);
  11.     purple.addEventListener('click', handlePurpleMobile);
  12.     blue.addEventListener('touchstart', handleBlueMobile);
  13.     blue.addEventListener('click', handleBlueMobile);
  14.     var textmobile = document.getElementById("mobile-service-description-text");
  15.     var titlemobile = document.getElementById("mobile-service-description-title");
  16.  
  17.  
  18.     function handlePinkMobile(evt) {
  19.         console.log('pink-clicked')
  20.         textmobile.innerHTML =
  21.             "Consulting & Workshop text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae maxime pariatur perferendis aliquam voluptatem perspiciatis? Dicta assumenda laudantium vitae atque, dolorum excepturi illo sequi, iste ex, nulla consectetur fuga. Assumenda laborum voluptatem ab neque reprehenderit odit, esse exercitationem tenetur deleniti harum dignissimos similique saepe sapiente quam natus voluptate, minus omnis eaque quo perferendis fugit? Assumenda quod consequuntur fugit suscipit. Deleniti, blanditiis ut. Provident vitae ab dolorum nostrum. Magnam blanditiis, at aspernatur ducimus similique dolor corporis maiores ut odio magni, sint consequatur, a aliquid nobis neque fugit aut. Expedita, adipisci! Fugit molestiae sequi voluptatum aspernatur sit ad qui, magnam laudantium nam beatae aliquam nostrum aperiam modi pariatur ratione hic, quibusdam nesciunt fugiat, at consequuntur nobis consequatur quasi impedit! Repudiandae, fugiat. Ipsam quia necessitatibus a numquam cupiditate? Ab hic ratione aliquid rerum in excepturi nulla quam harum rem alias architecto maxime quae, autem perspiciatis debitis voluptatibus quaerat voluptatum, commodi labore. Beatae.";
  22.         titlemobile.innerHTML = "Consulting & Workshop";      
  23.         };
  24.  
  25.     function handleYellowMobile(evt) {
  26.         console.log('yellow-clicked')
  27.         textmobile.innerHTML =
  28.             "E-commerce text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae maxime pariatur perferendis aliquam voluptatem perspiciatis? Dicta assumenda laudantium vitae atque, dolorum excepturi illo sequi, iste ex, nulla consectetur fuga. Assumenda laborum voluptatem ab neque reprehenderit odit, esse exercitationem tenetur deleniti harum dignissimos similique saepe sapiente quam natus voluptate, minus omnis eaque quo perferendis fugit? Assumenda quod consequuntur fugit suscipit. Deleniti, blanditiis ut. Provident vitae ab dolorum nostrum. Magnam blanditiis, at aspernatur ducimus similique dolor corporis maiores ut odio magni, sint consequatur, a aliquid nobis neque fugit aut. Expedita, adipisci! Fugit molestiae sequi voluptatum aspernatur sit ad qui, magnam laudantium nam beatae aliquam nostrum aperiam modi pariatur ratione hic, quibusdam nesciunt fugiat, at consequuntur nobis consequatur quasi impedit! Repudiandae, fugiat. Ipsam quia necessitatibus a numquam cupiditate? Ab hic ratione aliquid rerum in excepturi nulla quam harum rem alias architecto maxime quae, autem perspiciatis debitis voluptatibus quaerat voluptatum, commodi labore. Beatae.";
  29.         titlemobile.innerHTML = "E-commerce";      
  30.         };
  31.    
  32.     function handleGreenMobile(evt) {
  33.         console.log('green-clicked')
  34.         textmobile.innerHTML =
  35.             "Website Creation text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae maxime pariatur perferendis aliquam voluptatem perspiciatis? Dicta assumenda laudantium vitae atque, dolorum excepturi illo sequi, iste ex, nulla consectetur fuga. Assumenda laborum voluptatem ab neque reprehenderit odit, esse exercitationem tenetur deleniti harum dignissimos similique saepe sapiente quam natus voluptate, minus omnis eaque quo perferendis fugit? Assumenda quod consequuntur fugit suscipit. Deleniti, blanditiis ut. Provident vitae ab dolorum nostrum. Magnam blanditiis, at aspernatur ducimus similique dolor corporis maiores ut odio magni, sint consequatur, a aliquid nobis neque fugit aut. Expedita, adipisci! Fugit molestiae sequi voluptatum aspernatur sit ad qui, magnam laudantium nam beatae aliquam nostrum aperiam modi pariatur ratione hic, quibusdam nesciunt fugiat, at consequuntur nobis consequatur quasi impedit! Repudiandae, fugiat. Ipsam quia necessitatibus a numquam cupiditate? Ab hic ratione aliquid rerum in excepturi nulla quam harum rem alias architecto maxime quae, autem perspiciatis debitis voluptatibus quaerat voluptatum, commodi labore. Beatae.";
  36.         titlemobile.innerHTML = "Website Creation ";      
  37.         };
  38.    
  39.     function handleRedMobile(evt) {
  40.         console.log('red-clicked')
  41.         textmobile.innerHTML =
  42.             "CD/Branding text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae maxime pariatur perferendis aliquam voluptatem perspiciatis? Dicta assumenda laudantium vitae atque, dolorum excepturi illo sequi, iste ex, nulla consectetur fuga. Assumenda laborum voluptatem ab neque reprehenderit odit, esse exercitationem tenetur deleniti harum dignissimos similique saepe sapiente quam natus voluptate, minus omnis eaque quo perferendis fugit? Assumenda quod consequuntur fugit suscipit. Deleniti, blanditiis ut. Provident vitae ab dolorum nostrum. Magnam blanditiis, at aspernatur ducimus similique dolor corporis maiores ut odio magni, sint consequatur, a aliquid nobis neque fugit aut. Expedita, adipisci! Fugit molestiae sequi voluptatum aspernatur sit ad qui, magnam laudantium nam beatae aliquam nostrum aperiam modi pariatur ratione hic, quibusdam nesciunt fugiat, at consequuntur nobis consequatur quasi impedit! Repudiandae, fugiat. Ipsam quia necessitatibus a numquam cupiditate? Ab hic ratione aliquid rerum in excepturi nulla quam harum rem alias architecto maxime quae, autem perspiciatis debitis voluptatibus quaerat voluptatum, commodi labore. Beatae.";
  43.         titlemobile.innerHTML = "CD/Branding";      
  44.         };
  45.    
  46.     function handlePurpleMobile(evt) {
  47.         console.log('purple-clicked')
  48.         textmobile.innerHTML =
  49.             "Packaging text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae maxime pariatur perferendis aliquam voluptatem perspiciatis? Dicta assumenda laudantium vitae atque, dolorum excepturi illo sequi, iste ex, nulla consectetur fuga. Assumenda laborum voluptatem ab neque reprehenderit odit, esse exercitationem tenetur deleniti harum dignissimos similique saepe sapiente quam natus voluptate, minus omnis eaque quo perferendis fugit? Assumenda quod consequuntur fugit suscipit. Deleniti, blanditiis ut. Provident vitae ab dolorum nostrum. Magnam blanditiis, at aspernatur ducimus similique dolor corporis maiores ut odio magni, sint consequatur, a aliquid nobis neque fugit aut. Expedita, adipisci! Fugit molestiae sequi voluptatum aspernatur sit ad qui, magnam laudantium nam beatae aliquam nostrum aperiam modi pariatur ratione hic, quibusdam nesciunt fugiat, at consequuntur nobis consequatur quasi impedit! Repudiandae, fugiat. Ipsam quia necessitatibus a numquam cupiditate? Ab hic ratione aliquid rerum in excepturi nulla quam harum rem alias architecto maxime quae, autem perspiciatis debitis voluptatibus quaerat voluptatum, commodi labore. Beatae.";
  50.         titlemobile.innerHTML = "Packaging";      
  51.         };
  52.     function handleBlueMobile(evt) {
  53.         console.log('blue-clicked')
  54.         textmobile.innerHTML =
  55.             "Social Media text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam recusandae maxime pariatur perferendis aliquam voluptatem perspiciatis? Dicta assumenda laudantium vitae atque, dolorum excepturi illo sequi, iste ex, nulla consectetur fuga. Assumenda laborum voluptatem ab neque reprehenderit odit, esse exercitationem tenetur deleniti harum dignissimos similique saepe sapiente quam natus voluptate, minus omnis eaque quo perferendis fugit? Assumenda quod consequuntur fugit suscipit. Deleniti, blanditiis ut. Provident vitae ab dolorum nostrum. Magnam blanditiis, at aspernatur ducimus similique dolor corporis maiores ut odio magni, sint consequatur, a aliquid nobis neque fugit aut. Expedita, adipisci! Fugit molestiae sequi voluptatum aspernatur sit ad qui, magnam laudantium nam beatae aliquam nostrum aperiam modi pariatur ratione hic, quibusdam nesciunt fugiat, at consequuntur nobis consequatur quasi impedit! Repudiandae, fugiat. Ipsam quia necessitatibus a numquam cupiditate? Ab hic ratione aliquid rerum in excepturi nulla quam harum rem alias architecto maxime quae, autem perspiciatis debitis voluptatibus quaerat voluptatum, commodi labore. Beatae.";
  56.         titlemobile.innerHTML = "Social Media";      
  57.         };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement