JavaScript Basic

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--   ===========internal========-->

    <style>
        #div{
            height: 300px;
            width: 300px;
            background: red;
        }
    </style>
</head>
<body>

<div id="div"></div>
<button onclick="Test();">submit</button>
<script src="script.js"></script>

<script>
   // console.log(x);
  for(let i=0;i<=10;i++){
      console.log(i);
      document.writeln(`<h1>Number : ${i}</h1>`);
   }
  let j=0;
  while (j<=10){
      document.writeln(`<h1> J Number : ${j}</h1>`);
      j++;
  }




  let a=['red','green','blue']



  a.forEach(function(v,i){
    console.log(v);
  });

  a.map(function(v,i){
    console.log(v);
  })

  for(let i=0;i<a.length;i++){
    console.log(a[i]);
  }
 
  for(let abc of a){
       document.writeln(`<h1>Color: ${abc}</h1>`)
   }

   let data=[
       {
           name:"sabir",
           roll:1001,
       },
       {
           name:"Tejas",
           roll:1002,
       },

       {
           name:"Prem",
           roll:1004,
       }
   ]

   for(let stds of data){
       for(let s in stds){
           console.log(`key ${s} value ${stds[s]}`);
       }
   }

    // for(let i=0;i<a.length;i++){
    //     document.writeln(`<h1>Color: ${a[i]}</h1>`)
    // }

</script>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

App 1st User Define Component

  import logo from './logo.svg' ; import './App.css' ; import React from "react" ; function App () { let products=[ 1 , 2 , 3 , 4 , 5 , 6 ] ; return <> <h1> Sabirs </h1> { products. map ((item)=>( <ProdoctCard src = {item} /> )) } </> ; } export default App ; function ProdoctCard ({src}) { return <img src = { `./img/ ${src} .webp` } /> ; }
Read more

Example 1

 //====================Component A================== import React , { useState } from "react" ; import B from "./B" ; export default function () { const [name , setName]= useState ( null ) ; return ( <div> <h1> A component </h1> <input value = {name} onChange = {(event)=>setName(event. target . value )} placeholder = { 'Please input name' } /> <h1> {name} </h1> <hr/> <B a = {name} setA = {setName} /> </div> ) }  //====================Component B================== export default function (obj) { //{a,setA} return ( <div> <h1> B component </h1> <input value = {obj. a } onChange = {(event)=>obj. setA (event. target . value )} placeholder = { 'Please input name' } /> <h1> {obj. a } </h1> <hr/> </div> ) }
Read more

Rabiit

Image
   ///==========================Css============== . box-pos { position : relative ; height : 200 px ; backgroundColor : "#e9ecef" ; } . rabit { position : absolute ; bottom : 19 px ; } . start-game-panel { background : #000000bf ; position : absolute ; top : 0 px ; bottom : - 13 px ; right : 0 px ; left : 0 px ; display : flex ; justify-content : center ; align-items : center ; } . img-d { width : 400 px ; } ====================React JS Componant================= import React , { useState , useRef } from "react" ; import "bootstrap/dist/css/bootstrap.min.css" ; import "./rabit.css" ; import "./test.css" ; //============Main Componant export function TestGame () { const [isGameOver , setIsGameOver]= useState ( false ) ; const [isGameStart , setIsGameStart]= useState ( false ) ; const [rabitPos , setRabitPos]= useState ( 0 ) ; const [score , setScore]= useState (...
Read more