Physical Address

304 North Cardinal St.
Dorchester Center, MA 02124

Category Javascript

Javascript code example

E-commerce Shop (Single Item) Card

reactjs

E-commerce Shop (Single Item) Card <div class=”container”> <div class=”images”> <img src=”” /> </div> <div class=”slideshow-buttons”> <div class=”one”></div> <div class=”two”></div> <div class=”three”></div> <div class=”four”></div> </div> <p class=”pick”>choose size</p> <div class=”sizes”> <div class=”size”>5</div> <div class=”size”>6</div> <div class=”size”>7</div> <div class=”size”>8</div> <div class=”size”>9</div> <div…

React Calculator Example Code

reactjs

  <div id=”wrapper”> <div id=”app”></div> </div>   html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0; font: 100 14px ‘Roboto’; } button { display: block; background: none; border: none; padding: 0; font-family: inherit;…

Reactjs Counter Example Code

reactjs

Reactjs Counter Example Code <head> <link rel=”stylesheet” href=”,400i,700″> <!– Code by Angela Delise –> </head> <body> <div id=”root”></div> </body> CSS :   /* color variables */ $clr-negative: #ff1744; $clr-positive: #2abf77; $clr-gray100: #f0f7f8; $clr-gray200: #cfd8dc; $clr-gray300: #a7b7be; $clr-gray400: #6b7e86; $clr-gray500: #425a65;…

Payment checkout card code

checkoutpayment

checkoutpaymentSee the Pen CSS Snackables – Week 2 by murat (@murat1347) on CodePen. <div class=”modal”> <div class=”modal__container”> <div class=”modal__featured”> <button type=”button” class=”button–transparent button–close”> <svg class=”nc-icon glyph” xmlns=”” xmlns:xlink=”” x=”0px” y=”0px” width=”32px” height=”32px” viewBox=”0 0 32 32″> <g><path fill=”#ffffff” d=”M1.293,15.293L11,5.586L12.414,7l-8,8H31v2H4.414l8,8L11,26.414l-9.707-9.707 C0.902,16.316,0.902,15.684,1.293,15.293z”></path>…

printJS table border code example

printjs

printJS table border code example npm install print js   function printDiv() { printJS({ printable: ‘table’, type: ‘html’, style: ‘td { border: 1px solid #d9d9d9 !important;} th { border: 1px solid #d9d9d9 !important;}’ }); }   <table class=”table table-bordered” id=”table”>…

React-to print code example

reactjs

  import * as React from “react”; import ReactToPrint from “react-to-print”; import { ComponentToPrint } from “../ComponentToPrint”; export const FunctionalComponent = () => { const componentRef = React.useRef(null); const onBeforeGetContentResolve = React.useRef(null); const [loading, setLoading] = React.useState(false); const [text, setText]…