Change Background Color In Javascript Onclick - Acknowledge and honor accomplishments with our Change Background Color In Javascript Onclick. Inspire and encourage with personalized certificates.
How to change the background color of div onclick? Ask Question Asked 4 years ago Modified 4 years ago Viewed 4k times 0 I want to create a multiple choice test in HTML and I am using "div"s as answer options. When one option (div) is clicked, its background color should be changed. Here is my code: 1 I have 10 cards with a "yes" and "no" button on each of them. I need to make so that people can select a yes or a no on each of them. Whenever you make a "yes" selection it's background would turn into green, but if you select "no" the "yes" would turn off and the "no" would turn red.
Change Background Color In Javascript Onclick
Change Background Color In Javascript Onclick
Use HTML DOM Style backgroundColor Property to change the background color by clicking the button. This property is used to set the background-color of an element. Example: This example changes the background color with the help of JavaScript. html
How to change the background color after clicking the button ? 1 Try this code: function myFunction () var e = document.getElementById ("demo"); var c = window.getComputedStyle (e).backgroundColor; if (c === "rgb (0, 0, 0)") document.getElementById ("demo").style.background = "#ff77ee"; else document.getElementById ("demo").style.background = "#000"; DEMO Share Improve this answer Follow</p><h3>OnClick change background color with javascript Stack Overflow</h3><p style="text-align: center;margin-bottom: 0px;"><img class="showimg" alt="sketchup-how-to-change-background-color-tutorial-youtube" title="Sketchup How To Change Background Color Tutorial YouTube" src="https://i.ytimg.com/vi/lq0S0CBKni4/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p style="text-align: center;">Sketchup How To Change Background Color Tutorial YouTube</p><p style="text-align: justify;"><i>Change Background Color In Javascript Onclick</i>Your code works. Each time the button is clicked, it sets the background color of the body element to the last color in the array colors. So the second time you click the button, since you once again set the background color of the body element to the last color in the array colors, you don't notice a difference. To change an element s background color on click Add a click event listener to the element Assign the event object to a variable in the function Set the event target style backgroundColor property to the specific background color index js</p><p style="text-align: justify;">Click a <h3> element to change the text color: <h3 id="demo" onclick="myFunction ()"> Click me to change my color. </h3> <script> function myFunction () document.getElementById("demo").style.color = "red"; </script> Try it Yourself ยป Another example on how to change the color of an element: How to change background color in photoshop fast easy photoshop Change background color using input type color in javascript and html</p><h3>Javascript onclick change background of div Stack Overflow</h3><p style="text-align: center;margin-bottom: 0px;"><img class="showimg" alt="how-to-change-background-color-with-javascript-youtube" title="How To Change Background Color With JavaScript YouTube" src="https://i.ytimg.com/vi/SSR5MJIqxYg/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p style="text-align: center;">How To Change Background Color With JavaScript YouTube</p><p style="text-align: justify;">Change Background Color onclick using JavaScript In this tutorial we will see how to Change Background Color onclick using JavaScript. The getComputedStyle () method and backgroundColor property is used for this which will change the background color. Table of Contents HTML Code CSS Code JavaScript Code Demo Video Tutorial More JavaScript Tutorials How to change background color onclick javascript projects for</p><p style="text-align: justify;">Change Background Color onclick using JavaScript In this tutorial we will see how to Change Background Color onclick using JavaScript. The getComputedStyle () method and backgroundColor property is used for this which will change the background color. Table of Contents HTML Code CSS Code JavaScript Code Demo Video Tutorial More JavaScript Tutorials Change background color on button click html css and javascript Events in javascript onclick onload onchange onkeydown onmouseover</p><div class="img-gall"><div class="img-st"><p style="margin-bottom: 1px;"><img alt="change-button-color-onclick-in-javascript-youtube" title="Change Button Color Onclick In Javascript YouTube" src="https://i.ytimg.com/vi/Fw3jE0tWn28/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p class="title-img">Change Button Color Onclick In Javascript YouTube</p></div><div class="img-st"><p style="margin-bottom: 1px;"><img alt="how-to-change-the-background-color-in-ms-word-youtube" title="How To Change The Background Color In MS Word YouTube" src="https://i.ytimg.com/vi/rigGtLzcyc8/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p class="title-img">How To Change The Background Color In MS Word YouTube</p></div><div class="img-st"><p style="margin-bottom: 1px;"><img alt="how-to-change-button-color-onclick-in-javascript-youtube" title="How To Change Button Color OnClick In Javascript YouTube" src="https://i.ytimg.com/vi/Zo-DUNoQ7fU/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p class="title-img">How To Change Button Color OnClick In Javascript YouTube</p></div><div class="img-st"><p style="margin-bottom: 1px;"><img alt="change-button-color-onclick-in-react-js-youtube" title="Change Button Color OnClick In React js YouTube" src="https://i.ytimg.com/vi/KcE6chK6XK4/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p class="title-img">Change Button Color OnClick In React js YouTube</p></div><div class="img-st"><p style="margin-bottom: 1px;"><img alt="how-to-change-background-color-by-clicking-on-button-using-javascript" title="How To Change Background Color By Clicking On Button Using Javascript" src="https://i.ytimg.com/vi/0nTI9KAZwrs/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p class="title-img">How To Change Background Color By Clicking On Button Using Javascript</p></div><div class="img-st"><p style="margin-bottom: 1px;"><img alt="how-to-change-background-color-in-photoshop-easy-for-beginners" title="How To Change Background Color In Photoshop Easy For Beginners" src="https://i.ytimg.com/vi/AofCp_rlXQU/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p class="title-img">How To Change Background Color In Photoshop Easy For Beginners</p></div><div class="img-st"><p style="margin-bottom: 1px;"><img alt="how-to-change-background-color-in-javascript-with-one-button" title="How To Change Background Color In Javascript With One Button" src="https://i.ytimg.com/vi/UywDkxwpFKk/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p class="title-img">How To Change Background Color In Javascript With One Button</p></div><div class="img-st"><p style="margin-bottom: 1px;"><img alt="how-to-change-background-color-onclick-javascript-projects-for" title="How To Change Background Color Onclick Javascript Projects For" src="https://i.ytimg.com/vi/QkNSX_R-POw/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p class="title-img">How To Change Background Color Onclick Javascript Projects For</p></div><div class="img-st"><p style="margin-bottom: 1px;"><img alt="how-to-change-button-color-background-image-onclick-in-javascript" title="How To Change Button Color Background Image OnClick In JavaScript" src="https://i.ytimg.com/vi/7UpGNvHdA8g/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p class="title-img">How To Change Button Color Background Image OnClick In JavaScript</p></div><div class="img-st"><p style="margin-bottom: 1px;"><img alt="change-background-color-in-javascript-onclick-onclick-change" title="Change Background Color In Javascript Onclick Onclick Change" src="https://i.ytimg.com/vi/JcV7FBDUjF8/maxresdefault.jpg" onclick="showImagePopup(this.src)" /></p><p class="title-img">Change Background Color In Javascript Onclick Onclick Change</p></div></div></div></div></article></main> </div> <div class="widget-area sidebar is-right-sidebar" id="right-sidebar"> <div class="inside-right-sidebar"><aside id="recent-posts-2" class="widget wid-right inner-padding widget_recent_entries"><h3 class="widget-title h3sidebar">Top Post</h3><div class="tptn_posts tptn_posts_widget tptn_posts_widget2"><ul class="list-inline ml-3"><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/free-printable-blank-gift-certificates.html">Free Printable Blank Gift Certificates </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/printable-firearms-training-certificate-template.html">Printable Firearms Training Certificate Template </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/free-printable-gift-certificates-templates.html">Free Printable Gift Certificates Templates </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/kindergarten-graduation-certificates-printable.html">Kindergarten Graduation Certificates Printable </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/free-printable-baseball-certificates.html">Free Printable Baseball Certificates </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/printable-blank-puppy-birth-certificate.html">Printable Blank Puppy Birth Certificate </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/free-printable-softball-certificate-template-free.html">Free Printable Softball Certificate Template Free </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/printable-baptism-certificate-free.html">Printable Baptism Certificate Free </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/free-printable-certificate-template.html">Free Printable Certificate Template </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/certificate-of-achievement-printable.html">Certificate Of Achievement Printable </a></div></li></ul></div></aside><aside id="recent-posts-2" class="widget wid-right inner-padding widget_recent_entries"><h3 class="widget-title h3sidebar">Recent Post</h3><div class="tptn_posts tptn_posts_widget tptn_posts_widget2"><ul class="list-inline ml-3"><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/printable-tooth-fairy-certificate.html">Printable Tooth Fairy Certificate </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/defensive-driving-course-online-with-printable-certificate.html">Defensive Driving Course Online With Printable Certificate </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/printable-massage-gift-certificate-template.html">Printable Massage Gift Certificate Template </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/online-defensive-driving-course-texas-with-printable-certificate.html">Online Defensive Driving Course Texas With Printable Certificate </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/nice-list-certificate-free-printable.html">Nice List Certificate Free Printable </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/printable-dog-birth-certificate.html">Printable Dog Birth Certificate </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/printable-jury-duty-certificate-of-attendance.html">Printable Jury Duty Certificate Of Attendance </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/student-of-the-month-certificates-free-printable.html">Student Of The Month Certificates Free Printable </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/printable-perfect-attendance-certificates.html">Printable Perfect Attendance Certificates </a></div></li><li class="col-12 col-md-6 text-truncate"><div class="rela-disp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; margin-top: 6px; padding-right: 5px;"><path fill="#777b83" d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg><a href="https://certificate.printable-free.com/en/printable-happy-birthday-certificate.html">Printable Happy Birthday Certificate </a></div></li></ul></div></aside> </div></div> </div> </div> <div class="site-footer"> <footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="copyright-bar"> Copyright © 2026 <a href='/'>Printable Certificate</a> </div> <ul class="foot-menu"><li><a href="https://certificate.printable-free.com/en/about-us.html">About Us</a></li><li><a href="https://certificate.printable-free.com/en/contact.html">Contact</a></li><li><a href="https://certificate.printable-free.com/en/dmca.html">Dmca</a></li><li><a href="https://certificate.printable-free.com/en/privacy-policy.html">Privacy Policy</a></li><li><a href="https://certificate.printable-free.com/en/terms-and-conditions.html">Terms And Conditions</a></li></ul> </div> </footer> </div> <script type="text/javascript">var sc_project=12892473;
var sc_invisible=1;
var sc_security="fc4deeef"; </script><script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script><noscript><div class="statcounter"><a title="Web Analytics"
href="https://statcounter.com/" target="_blank"><img
class="statcounter"
src="https://c.statcounter.com/12892473/0/fc4deeef/1/"
alt="Web Analytics"
referrerPolicy="no-referrer-when-downgrade"></a></div></noscript><style>ul.foot-menu li { display: inline-table; padding: 0 5px; } .alertx { padding: 1rem 2.5rem; border: none; text-align: center; position: fixed; bottom: 0; width: 100%; z-index: 100; } .alert-info { background: #024C84; border-color: #024C84; color: #fff!important; }</style><script src="https://www.w3counter.com/tracker.js?id=128507"></script><style></style><div id="myModal" class="modal"> <div class="pop-style"> <span class="closes" onclick="closeImagePopup()"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 20px;float: right;margin: 10px 10px 0 0;">><path fill="#e60a0a" d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg></span> <img class="modal-content" id="modalImage" onclick="zoomImage()" /> <a id="downloadButton" class="download-button" target="_blank" rel="nofollow" href="#" download><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 12px;"><path d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"/></svg> Download Image</a> </div></div><script src="https://certificate.printable-free.com/themes/login/assets/js/my-script.js"></script><script>function init(){var imgDefer=document.getElementsByTagName('img');for (var i=0; i<imgDefer.length; i++){if(imgDefer[i].getAttribute('data-src')){imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));}}}window.onload=init;</script> </body></html>