Skip to main content

Posts

Insert css using Js

Recent posts

html template

 Source code: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Youtbe videos </ title > </ head > < body >     <!--Import-->         <!--end--> </ body > </ html >

Java script prompt

 Source code: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > prompt </ title > </ head > < body >     < script >         let name = prompt ( "What is your name" );         const p = document . createElement ( 'p' )         p . innerText = name ;         document . body . append ( name )     </ script >     </ body > </ html >

Microsoft extension

 JSON file: {   "manifest_version" : 3 ,   "name" : "" ,   "version" : "0.1" ,   "author" : "" ,   "description" : "" ,   "icons" :{     "16" : "" ,     "48" : "" ,     "128" : ""   },   "action" : {     "default_title" : ".." ,     "default_icon" : {       "128" : ""     }   },   "content_scripts" :[     {       "matches" : [],       "js" : [ "script.js" ]     }   ] }

Chess Board

  Source code: html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < link rel = "stylesheet" href = "style.css" >     < title > Chess board </ title > </ head > < body >     < table >         < tr >             < th > ♖ </ th >             < th id = "black" > ♘ </ th >             < th id = "white" > ♗ </ th >             < th id = "black" > ♔ </ th >             < th id = "white" > ♕ </ th >           ...