Dev Stack Source

Example 1: js onclick redirect < button onclick = "location.href='www.yoursite.com'" > Click Me < / button > Example 2: how to open a new html page on button click in javascript < button id = "myButton" class = "float-left submit-button" > Home < / button > < script type = "text/javascript" > document . getElementById ( "myButton" ) . onclick = function ( ) { location . href = "www.yoursite.com" ; } ; < / script >

Example 1: computed vue // ... computed : { fullName : { // getter get : function ( ) { return this . firstName + ' ' + this . lastName } , // setter set : function ( newValue ) { var names = newValue . split ( ' ' ) this . firstName = names [ 0 ] this . lastName = names [ names . length - 1 ] } } } // ... Example 2: vue computed var vm = new Vue ( { el : '#example' , data : { message : 'Hello' } , computed : { // a computed getter reversedMessage : function ( ) { // `this` points to the vm instance return this . message . split ( '' ) . reverse ( ) . join ( '' ) } } } )

Example 1: Cannot find module './data.json'. Consider using '--resolveJsonModule' to import module with '.json' extension add to tsconfig . json { ... "resolveJsonModule" : true } } Example 2: Consider using '--resolveJsonModule add "resolveJsonModule" : true key in tsconfig . json { "compilerOptions" : { "target" : "es2015" , "module" : "commonjs" , "strict" : true , "moduleResolution" : "node" , "resolveJsonModule" : true } } Example 3: read json file in typescript // data.json: { "greeting" : "xin chao Vietnam" } // component: import * as data from 'data.json' ; let greeting = data . greeting ; //registering jsonModule in tsconfig.json "compilerOptions" : { ... . "resolveJsonModule" : true , ... . } , Example 4: how to import a jso...

Example 1: how to convert string to int js let string = "1" ; let num = parseInt ( string ) ; //num will equal 1 as a int Example 2: Javascript string to int var myInt = parseInt ( "10.256" ) ; //10 var myFloat = parseFloat ( "10.256" ) ; //10.256 Example 3: string to number javascript // Method - 1 ### parseInt() ### var text = "42px" ; var integer = parseInt ( text , 10 ) ; // returns 42 // Method - 2 ### parseFloat() ### var text = "3.14someRandomStuff" ; var pointNum = parseFloat ( text ) ; // returns 3.14 // Method - 3 ### Number() ### Number ( "123" ) ; // returns 123 Number ( "12.3" ) ; // returns 12.3 Number ( "3.14someRandomStuff" ) ; // returns NaN Number ( "42px" ) ; // returns NaN Example 4: converst strig in number in js const numberInString = "20" ; console . log ( typeof ( numberInString ) ) // typeof is string this is string in double quote ...

Example 1: brew install npm brew install node Example 2: install node brew brew update # As a safe measure you should run brew doctor to make sure your system is ready to brew . Run the command below and follow any recommendations from brew doctor . brew doctor # Next , add Homebrew’s location to your $ PATH in your . bash_profile or . zshrc file . echo 'export PATH="/usr/local/opt/icu4c/sbin:$PATH"' >> ~ / . profile echo 'export PATH="/usr/local/opt/icu4c/bin:$PATH"' >> ~ / . profile # Next , install Node ( npm will be installed with Node ) : brew install node node - v Example 3: install nodejs via homebrew $ / usr / bin / ruby - e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Example 1: how to convert string to int js let string = "1" ; let num = parseInt ( string ) ; //num will equal 1 as a int Example 2: Javascript string to int var myInt = parseInt ( "10.256" ) ; //10 var myFloat = parseFloat ( "10.256" ) ; //10.256 Example 3: javascript convert string to number or integer //It accepts two arguments. //The first argument is the string to convert. //The second argument is called the radix. This is the base number used in mathematical systems. For our use, it should always be 10. var text = '42px' ; var integer = parseInt ( text , 10 ) ; // returns 42 Example 4: javascript string to integer < script language = "JavaScript" type = "text/javascript" > var a = "3.3445" ; var c = parseInt ( a ) ; alert ( c ) ; < / script > Example 5: string to int js string to int js

Example 1: javascript empty array var colors = [ "red" , "blue" , "green" ] ; colors = [ ] ; //empty the array Example 2: javascript empty array arr = [ ] ; // set array=[] //function const empty = arr => arr . length = 0 ; //example var arr = [ 1 , 2 , 3 , 4 , 5 ] ; empty ( arr ) // arr=[] Example 3: create empty array javascript const myArray1 = [ ] // or... const myArray2 = new Array ( ) Example 4: create an empty array js let arrayName = [ ] ; Example 5: javascript declare empty array // Variable array for a wider scope: var arrayName = [ ] ; // Local scope variable array: let arrayName = [ ] ; Example 6: empty array js // define Array let list = [ 1 , 2 , 3 , 4 ] ; function empty ( ) { //empty your array list = [ ] ; } empty ( ) ;

Example 1: bootstrap 4 button < button type = "button" class = "btn btn-primary" > Primary < / button > < button type = "button" class = "btn btn-secondary" > Secondary < / button > < button type = "button" class = "btn btn-success" > Success < / button > < button type = "button" class = "btn btn-danger" > Danger < / button > < button type = "button" class = "btn btn-warning" > Warning < / button > < button type = "button" class = "btn btn-info" > Info < / button > < button type = "button" class = "btn btn-light" > Light < / button > < button type = "button" class = "btn btn-dark" > Dark < / button > < button type = "button" class = "btn btn-link" > Link < / button > Example 2: bo...

Example 1: buton html href < ! -- if you are on Window : -- > < button onclick = "window.location.href='page2.html'" > Button < / button > < ! -- if you are on linux or macOS : -- > < button onclick = "location.href='page2.html'" > Button < / button > Example 2: button href < a href = "https://google.com" class = "button" > Go to Google < / a > //*button link *//

Example: react hooks componentdidmount // import useEffect from 'react'; useEffect ( ( ) => { // your code here } , [ ] ) ;

Example 1: angular material //To take advantage of Angular Material install it in the terminal $ ng add @angular / material //Choose the options that will be presented to you Example 2: Angular material design /* Answer to: "Angular material design" */ /* Angular Material is a UI component library for Angular JS developers. Angular Material components help in constructing attractive, consistent, and functional web pages and web applications while adhering to modern web design principles like browser portability, device independence, and graceful degradation. Main Website: https://material.angular.io/ Get started here: https://material.angular.io/guide/getting-started For examples on usage of this library go to: https://material.angular.io/components/ */

Example 1: css assign multiple classes to one element To specify multiple classes , separate the class names with a space , e . g . < span class = "classA classB" > . This allows you to combine several CSS classes for one HTML element . Example 2: multiple classes in element html < article class = "column wrapper" >

Example: cm to inches const cm = 1 ; console . log ( ` cm: ${ cm } = in: ${ cmToIn ( cm ) } ` ) ; function cmToIn ( cm ) { var in = cm / 2.54 ; return in ; }

Example 1: html css good button < button style = "background-color: turquoise; border: none; border-radius: 5px; color: #333; /* Dark grey */ padding: 15px 32px" > Example button < / button > Example 2: how to add animation to a button hover . btn { background - color : #ddd ; border : none ; color : black ; padding : 16 px 32 px ; text - align : center ; font - size : 16 px ; margin : 4 px 2 px ; transition : 0.3 s ; } . btn : hover { background - color : # 3e8 e41 ; color : white ; }

Example 1: javascript convert string to float // parseFloat takes in a string value and converts it to a float // The parseFloat function will look at the first character of // the string and decided whether that character is a number or not // If not the parseFloat function will return Nan let stringNumber = "8.0" let floatNuumber = parseFloat ( stringNumber ) ; Example 2: parsefloat jquery var subtotal = parseFloat ( val ) + parseFloat ( tax ) + parseFloat ( imp ) + parseFloat ( env ) ; var subtotal = subtotal . toFixed ( 2 ) ; //two decimal places Example 3: convert string to float javascript //do do this use parseFloat() //it turns a string into a float in js //you can later use this for animation var string = "10" string = parseFloat ( string ) console . log ( string )

Example 1: foot to cm 1 foot = 30.48 cm Example 2: inch to foot 1 inch = 0.0833333333 foot

Example: android studio change package name In Android Studio , you can do this : For example , if you want to change com . example . app to my . awesome . game , then : In your Project pane , click on the little gear icon ( Gears icon ) Uncheck the Compact Empty Middle Packages option Compact Empty Middle Packages Your package directory will now be broken up into individual directories Individually select each directory you want to rename , and : Right - click it Select Refactor Click on Rename In the pop - up dialog , click on Rename Package instead of Rename Directory Enter the new name and hit Refactor Click Do Refactor in the bottom Allow a minute to let Android Studio update all changes Note : When renaming com in Android Studio , it might give a warning . In such case , select Rename All Enter image description here Now open your Gradle Build File ( build . gradle - Usually app or mobile ...

Example 1: jquery add style //revising Ankur's answer //Syntax: $ ( selector ) . css ( { property - name : property - value } ) ; //Example: $ ( '.bodytext' ) . css ( { 'color' : 'red' } ) ; Example 2: jquery css $ ( '#element' ) . css ( 'display' , 'block' ) ; /* Single style */ $ ( '#element' ) . css ( { 'display' : 'block' , 'background-color' : '#2ECC40' } ) ; /* Multiple style */ Example 3: jquery set style property $ ( "selector" ) . css ( "property" , "value" ) ; // Example: $ ( "div" ) . css ( "background-color" , "red" ) ; Example 4: set css using jquery $ ( '.name' ) . css ( 'color' : 'blue' ) ; Example 5: edit css jquery $ ( '.ama' ) . css ( 'color' , 'red' ) ;

Example 1: jquery to js converter online //it works for small pieces of code, you still have to do most by hand. Just like you do at night https : / / properprogramming . com / tools / jquery - to - javascript - converter / Example 2: jquery to javascript converter online There is no i guess : D

Example: convert milliseconds to minutes and seconds javascript const millisToMinutesAndSeconds = ( millis ) => { var minutes = Math . floor ( millis / 60000 ) ; var seconds = ( ( millis % 60000 ) / 1000 ) . toFixed ( 0 ) ; //ES6 interpolated literals/template literals //If seconds is less than 10 put a zero in front. return ` ${ minutes } : ${ ( seconds < 10 ? "0" : "" ) } ${ seconds } ` ; }