Tech Gyan Amit

Advanced task delegation web App using google appscript in hindi

2025-12-07T19:39:00.001+05:30

Advanced task delegation web App

दोस्तों आज के इस आर्टिकल में मैं आपको एक एडवांस टास्क डेलीगेशन सीस्टम Advanced task delegation web App using google appscript in hindi दिखाने वाला हु | जो की पूरा अप्पसक्रिप्ट पर बना हुआ है । इसमें कई सारे फीचर है जिसको मैं एक एक करके आज आपको दिखाने वाला हु । अधिक जानकारी के लिए निचे दिए गए वीडियो को पूरा देखे |

इसे भी पढ़े :- Crud Project using google sheet

इसे भी पढ़े :- How to build business software

Download

Google Sheets CRUD Project in Hindi — Full Tutorial Step by Step

2025-07-06T18:52:00.003+05:30

Google Sheets CRUD Project in Hindi — Full Tutorial Step by Step

दोस्तों आज इस ब्लॉग में मैं आपको बताने वाला हूं (Google Sheets CRUD Project in Hindi — Full Tutorial Step by Step) कि आप कैसे Google Sheet का इस्तेमाल करके CRUD प्रोजेक्ट बना सकते हैं | CRUD का मतलब होता है:

C — Create (डेटा जोड़ना)
R — Read (डेटा पढ़ना)
U — Update (डेटा अपडेट करना)
D — Delete (डेटा हटाना)

इसमें हम Backend के रूप में गूगल सीट का इस्तेमाल करेंगे और Appscript HTML CSS और Javascript का इस्तेमाल करके हम Crud Project बनाएंगे | जिसमें यूजर डाटा को ऐड, अपडेट , डिलीट और रीड कर सकता है |

Google Sheet ही क्यों ?

यह फ्री है और आसानी से उपलब्ध हो जाता है|
गूगल एप स्क्रिप्ट की मदद से हम अपने टास्क को ऑटोमेटेड कर सकते हैं |
रियल टाइम में हम कोलैबोरेट भी कर सकते हैं|

आवश्यक बातें

एक गूगल अकाउंट होना अनिवार्य है |
बेसिक Google sheet की नॉलेज जरूरी है |
इसमें थोड़ा आप स्क्रिप्ट और जावास्क्रिप्ट का भी ज्ञान होना चाहिए | (लेकिन कोई बात नहीं, step-by-step सिखाया जाएगा)

यह भी पढ़े : How to create local storage crud app in hindi

यह अभी पढ़े : How to build business software in google appscript in hindi

Step 1: Google Sheet ready करना

सबसे पहले तो एक नया Google Sheet बना लीजिए और अपने Sheet का नाम डेटाबेस करके ऐड कर लीजिए और नीचे दिए गए चित्र के अनुसार अपना कलम भी बना लीजिए |

Step 2: Apps Script ओपन करें

इसके लिए मेनू में एक्सटेंशन ऑप्शन पर क्लिक करें और वहां से एप्स स्क्रिप्ट के ऑप्शन पर क्लिक करें |
नीचे दिए गए कोड को ऐड करें |

function doGet(e) {
  if(!e.parameter){
    return HtmlService.createTemplateFromFile('login').evaluate()
  }else if(e.parameter.page=="index"){
    return HtmlService.createTemplateFromFile('index').evaluate()
  }else{
     return HtmlService.createTemplateFromFile('login').evaluate()
  }
  
}

let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Login');
let database = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Database");
function authenticateData(){
  name ="sanjay45"
  pass= "sa54"
  let data = sheet.getDataRange().getValues();
  for(var i = 0 ;i< data.length;i++){

    if(data[i][0]== name && data[i][1] ==pass){
      
      return "Success"
    }
  }
   return "Error"
  
}


// add form data to google Sheet

function sendFormData(data){
  
  
  let date = new Date().toLocaleDateString()
  database.appendRow([date,data.name,data.fname,data.phone,data.email,data.age])
  return "Sucsess"


}


// get All Sheet Data

function getSheetData(){
 let allData= database.getDataRange().getDisplayValues().slice(1);
 return allData
}


//update data in sheet

function sendUpdateData(data){
  
 let dataArray=[]

 dataArray.push([data.name,data.fname,data.phone,data.email,data.age])
 database.getRange(Number(data.index) +1,2,dataArray.length,dataArray[0].length).setValues(dataArray)

 return 'success'
}

//delete Roe in Sheet

function deleteBackendRow(row){
  Logger.log(typeof row)
  database.deleteRow(Number(row)+1)
}


Step 3: HTML फाइल बनाना (login.html)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login Page</title>
    <style>
        *{
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        body{
            width: 100vw;
            height: 100vh;
            background-color: #D980FA;
            overflow: hidden;
        }
        form{
            width: 400px;
            height: 200px;
            background-color: #FDA7DF;
            margin: 45px auto;
            padding: 10px;
            border-radius: 10px;
        }
        form h1{
            text-align: center;
            margin-bottom: 10px;
        }
        form input{
            width: 100%;
            height: 35px;
            margin-bottom: 10px;
            outline: none;
            padding: 10px;
        }
        button{
            padding: 10px;
            cursor: pointer;
            border: none;
            outline: none;
            background-color: #1289A7;
            color: #fff;
        }
    </style>
</head>
<body>
    <div class="container">
        <form action="">
            <h1>Login Page</h1>
            <input type="text" name="userid" id="userid" placeholder="Enter User Id...">
            <input type="password" name="pass" id="pass" placeholder="Enter Password...">
            <button id="log" onclick="getUserDetail(event)">Login</button>
            <div id="msg"></div>
        </form>
    </div>
</body>
<script>
function getUserDetail(e){
  e.preventDefault();
  let userName = document.getElementById("userid").value;
  let pass = document.getElementById("pass").value;
  
  google.script.run.withSuccessHandler(msg => {
    console.log(msg)
    if(msg == "Success"){
      document.getElementById('msg').innerHTML = "Successfully Login...";
      document.getElementById('msg').style.color = "green";
      window.top.location.href = "https://script.google.com/macros/s/AKfycbws6WPTctOkU1FVgjZWVEEnAnT-yn5Gw3LdMcfEU2Lo/dev?page=index";
    }else{
      document.getElementById('msg').innerHTML = "InValid Credential...";
      document.getElementById('msg').style.color = "red";
      document.getElementById("userid").value = "";
      document.getElementById("pass").value = "";
      setTimeout(() => {
        document.getElementById('msg').innerHTML = "";
      }, 1000);
    }
  }).authenticateData(userName, pass);
}
</script>
</html>

Step 4: HTML फाइल बनाना (index.html)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <title>Web App</title>

    <style>
        *{
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        .wrapper{
            width: 100vw;
            height: 100vh;
            background-color: #ffffff;
            display: flex;
            gap: 10px;
        }
        .leftform{
            flex-basis: 40%;
            padding: 10px;
            border: 1px solid lightgrey;
            background-color: #ff6b81;
        }
        .leftform h1{
            text-align: center;
            margin-bottom: 30px;
        }
        .leftform form{
            width: 100%;
        }
        form input{
            width: 100%;
            height: 35px;
            margin-bottom:10px;
            border-radius: 10px;
            outline: none;
            padding: 10px;
            border: 2px solid grey;
        }
        button{
            padding: 10px;
            cursor: pointer;
            outline: none;
            border: none;
            background-color: #474787;
            color: #fff;
        }
        .righttable{
            flex-basis: 60%;
            padding: 10px;
        }
        table{
            width: 100%;
            text-align: center;
            border-collapse: collapse;
        }
        table tr th{
            background-color: #ff6b81;
            padding: 10px;
        }
        table tr, th, td{
            border: 1px solid;
            padding: 10px;
        }
        .fa-pen-to-square{
            color: #4b7bec;
            margin-right: 10px;
            cursor: pointer;
        }
        .fa-trash{
            color: red;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="wrapper">
        <div class="leftform">
            <h1>Add Employe Data</h1>
            <form action="" id="form">
                <input type="hidden" id="index" name="index" placeholder="Enter your name...">
                <input type="text" id="name" name="name" placeholder="Enter your name...">
                <input type="text" id="fname" name="fname" placeholder="Enter your father name...">
                <input type="text" id="phone" name="phone" placeholder="Enter your phone No...">
                <input type="email" id="email" name="email" placeholder="Enter your Email..." >
                <input type="number" id="age" name="age" placeholder="Enter your age...">
                <div class="btn-group">
                    <button type="submit" id="addRecord">Add Record</button>
                </div>
            </form>
        </div>
        <div class="righttable">
            <table>
                <thead>
                    <tr>
                        <th>Sl.no</th>
                        <th>Date</th>
                        <th>Name</th>
                        <th>Father Name</th>
                        <th>Phone</th>
                        <th>Email</th>
                        <th>Age</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</body>
<script>
let form = document.querySelector("#addRecord").addEventListener("click",(event)=>{
    event.preventDefault();
    let formData={
        name: document.getElementById("name").value,
        fname: document.getElementById("fname").value,
        phone: document.getElementById("phone").value,
        email: document.getElementById("email").value,
        age: document.getElementById("age").value
    }
    let button = document.getElementById("addRecord")
    button.innerHTML="Adding..."
    button.setAttribute("disabled",true)
    google.script.run.withSuccessHandler(response=>{
        button.innerHTML="Add Record"
        button.removeAttribute("disabled")
        document.querySelector("#form").reset()
    }).sendFormData(formData)
})

function callbackend(){
    google.script.run.withSuccessHandler(response=>{
        let tbody = document.querySelector('tbody');
        tbody.innerHTML =""
        response.forEach((row,index)=>{
            let tr = document.createElement('tr')
            tr.innerHTML +=`
                <td>${index +1}</td>
                <td>${row[0]}</td>
                <td>${row[1]}</td>
                <td>${row[2]}</td>
                <td>${row[3]}</td>
                <td>${row[4]}</td>
                <td>${row[5]}</td>
                <td><i class="fa-solid fa-pen-to-square" onclick="editData(this)"></i><i class="fa-solid fa-trash" onclick="deleteData(this)"></i></td>
            `
            tbody.appendChild(tr)
        })
    }).getSheetData()
}
callbackend()

function editData(r){
    let row =r.closest('tr')
    let rowIndex = row.children[0].innerHTML;
    let name = row.children[2].innerHTML;
    let fname = row.children[3].innerHTML;
    let phone = row.children[4].innerHTML;
    let email = row.children[5].innerHTML;
    let age = row.children[6].innerHTML;

    document.getElementById("index").value= rowIndex
    document.getElementById("name").value=name
    document.getElementById("fname").value=fname
    document.getElementById("phone").value=phone
    document.getElementById("email").value= email
    document.getElementById("age").value = age

    let button  = document.getElementById('updateBtn');
    if(!button){
        let btnDiv = document.querySelector('.btn-group')
        let btn = document.createElement('button')
        btn.id='updateBtn'
        btn.innerHTML ="Update"
        btn.style.opacity =1
        btnDiv.appendChild(btn)

        document.getElementById('updateBtn').addEventListener('click',(event)=>{
            event.preventDefault()
            let formData={
                index: document.getElementById("index").value,
                name: document.getElementById("name").value,
                fname: document.getElementById("fname").value,
                phone: document.getElementById("phone").value,
                email: document.getElementById("email").value,
                age: document.getElementById("age").value
            }
            google.script.run.withSuccessHandler(response=>{
                if(response =="success"){
                    document.getElementById('form').reset();
                    let button  = document.getElementById('updateBtn');
                    button.style.opacity=0
                }
            }).sendUpdateData(formData)
        })
    }else{
        button.style.opacity=1
    } 
}

function deleteData(e){
    let deleteRow = e.closest('tr').children[0].innerHTML.trim()
    alert("Are You Sure ?")
    google.script.run.withSuccessHandler(()=>{
        callbackend()
    }).deleteBackendRow(deleteRow);
}
</script>
</html>

निष्कर्ष
तो अब आप Google Sheet में Crud प्रोजेक्ट कैसे बनाया जाता है वह अपने सीख लिया | यह एक बेसिक Crud प्रोजेक्ट है 
अगर आप इस पर कॉन्फिडेंट हो जाते हैं | तो आप इसे भी बड़े-बड़े Web App बना सकते हैं |

                           Download Sheet For Practice

How to create local storage crud app in hindi

2025-05-04T19:08:00.001+05:30

How to create local storage crud app in hindi

दोस्तों आज की ब्लॉक पोस्ट पर हम CRUD एप्लीकेशन के बारे में देखेंगे जो केवल Javacript और Local Storage का (How to create local storage crud app in hindi |)उपयोग करता है | इस ऐप का उपयोग करते हुए आप अपने डेटा को ब्राउज़र में ही सेव कर सकते हैं अपडेट और डिलीट भी कर सकते हैं | इसके लिए कोई अलग से डेटाबेस है बैकऐंड की आवश्यकता नहीं होगी | लोकल स्टोरेज में डाटा रहने से आप यदि ब्राउज़र को रिफ्रेश करते हैं तब भी आपका डाटा गायब नहीं होगा वह ऐसा ही रहेगा| इस प्रोजेक्ट में Javascript की की मूलभूत चीज जैसे कि DOM Manipulation, Event Handling और ब्राउज़र के Local Storage के साथ नीचे दिए गए वीडियो के माध्यम से सीख सकते हैं |

Read Also This : - Business Software App

Feature:-

Data Add:- आप फॉर्म भरकर आसानी से डाटा को ऐड कर सकते हैं |

Data Read:- फार्म द्वारा भरे गए डाटा को आप टेबल में देख सकते हैं |

Update Data: - किसी भी डाटा को यदि आप अपडेट करना चाहते हैं तो आप बटन पर क्लिक करके डाटा को अपडेट भी कर सकते हैं |

Delete Data:- इस तरीके से यदि आप किसी भी डाटा को डिलीट करना चाहते हैं तो आप डिलीट बटन पर क्लिक करके उसे डाटा को आसानी से डिलीट कर सकते हैं यह डाटा आपके लोकल स्टोरेज और टेबल दोनों से ही डिलीट हो जाएगा |

Local Storage:- इसमें लोकल स्टोरेज का उसे किया गया है तो अलग से आपको बैकऐंड की जरूरत नहीं पड़ेगी इसमें एक बात का ध्यान रखना है कि यह लोकल स्टोरेज केवल छोटे साइज के डाटा को स्टोर करने के लिए होते हैं बड़े साइज के दाता के लिए उपयोगी नहीं होता |

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>CRUD PROJECT</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="container">
        <div class="row mt-5">
            <h3 class="alert alert-info text-center">CRUD Project Using Html CSS And Javascript</h3>
            <div class="col-sm-4">
                <form action="" id="myform">
                    <h5 class="alert alert-warning text-center">User Form</h5>
                    <div class="mb-3">
                      <input type="number" name="rowNum" class="form-control" id="rowNum" placeholder="Enter rowNumber..." style="display: none;">
                    </div>
                    <div class="mb-3">
                        <input type="text" name="uname" class="form-control" id="uname" placeholder="Enter name...">
                    </div>
                    <div class="mb-3">
                        <input type="text" name="fname" class="form-control" id="fname" placeholder="Enter Father Name...">
                    </div>
                    <div class="mb-3">
                        <input type="number" name="phone" class="form-control" id="phone" placeholder="Enter Phone Number...">
                    </div>
                    <div class="mb-3">
                        <input type="email" name="email" class="form-control" id="email" placeholder="Enter email">
                    </div>
                    <button id="btn" class="btn btn-primary">Submit</button>
                    <button id="u-btn" class="btn btn-primary">Update</button>
                </form>
            </div>
            <!-- html table Start -->
            <div class="col-md-8">
                <h3 class="alert alert-warning text-center">User Table</h3>
                <table class="table table-hover">
                    <thead>
                      <tr>
                        <th scope="col">#</th>
                        <th scope="col">Name</th>
                        <th scope="col">Father Name</th>
                        <th scope="col">Phone</th>
                        <th scope="col">Email</th>
                        <th scope="col">Action</th>
                      </tr>
                    </thead>
                    <tbody id="tbody">
                      
                    </tbody>
                </table>
            </div>
            <!-- html table End -->
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    <script src="java.js"></script>
  </body>
</html>

document.getElementById('btn').addEventListener('click', (event) => {
    event.preventDefault();
    let table = document.getElementById('tbody');
    let form = document.getElementById('myform');
    let name = document.getElementById('uname').value;
    let fname = document.getElementById('fname').value;
    let phone = document.getElementById('phone').value;
    let email = document.getElementById('email').value;

    let formObj = {
        name,
        fname,
        phone,
        email
    }
    table.innerHTML = "";
    // add data in localStorage
    let checkLocalStorage = localStorage.getItem('formData');
    let localStorageOutput = checkLocalStorage ? JSON.parse(checkLocalStorage) : []
    localStorageOutput.push(formObj)
    //    console.log(localStorageOutput)
    localStorage.setItem('formData', JSON.stringify(localStorageOutput));

    localStorageOutput.forEach((row, index) => {
        let rowNum = table.rows.length + 1;
        table.innerHTML += `
        
              ${rowNum}
              ${row.name}
              ${row.fname}
              ${row.phone}
              ${row.email}
              Edit Delete
            
`
    })

    // clear form Data

    form.reset();

})

// check localStorage on Dom Load
function loadStorageData() {
    let table = document.getElementById('tbody');
    let checkLocalStorage = localStorage.getItem('formData');
    let localStorageOutput = checkLocalStorage ? JSON.parse(checkLocalStorage) : [];
    localStorageOutput.forEach((row, index) => {
        let rowNum = table.rows.length + 1;
        table.innerHTML += `
        
              ${rowNum}
              ${row.name}
              ${row.fname}
              ${row.phone}
              ${row.email}
              Edit Delete
            
`
    })

}

loadStorageData()

//delete data And Update LocalStorage when click Delete Button
function deleteData(index) {
    let arrayObj = JSON.parse(localStorage.getItem('formData'))
    arrayObj.splice(index, 1)
    localStorage.setItem('formData', JSON.stringify(arrayObj))
    location.reload()
}

// show data in form When Click Edit Button


function updateData(btn) {
    let parentElement = btn.closest('tr');
    document.getElementById('rowNum').value = parentElement.children[0].innerText;
    document.getElementById('uname').value = parentElement.children[1].innerText;
    document.getElementById('fname').value = parentElement.children[2].innerText;
    document.getElementById('phone').value = parentElement.children[3].innerText;
    document.getElementById('email').value = parentElement.children[4].innerText;
}




// update data in local Storage and Table When Click Update Button

document.getElementById('u-btn').addEventListener('click',(event)=>{
    event.preventDefault()
    let rowIndex = document.getElementById('rowNum').value;
    let localStorageData = JSON.parse(localStorage.getItem('formData'))
    localStorageData[rowIndex -1]={
        name:document.getElementById('uname').value,
        fname:document.getElementById('fname').value,
        phone:document.getElementById('phone').value,
        email:document.getElementById('email').value,
    }

    localStorage.setItem('formData',JSON.stringify(localStorageData))
    location.reload()
})

How to build business software in google appscript in hindi

2025-03-23T17:01:00.002+05:30

How to build business software in google appscript in hindi

दोस्तों आज किस आर्टिकल में मैं आपको एक वेब एप्लीकेशन के बारे में बताऊंगा (How to build business software in google appscript in hindi) और यह वेब एप्लीकेशन आपका काफी काम आसान कर सकता है | दोस्तों आज हम जिस डिजिटल युग में जी रहे हैं वहां पर हर बिजनेस को एक स्मार्ट और आसान मैनेजमेंट टूल की आवश्यकता होती है | जो हमारे काम को आसान बना सके| आज मैं एक ऐसे वेब एप के बारे में बताऊंगा कि जो जो छोटे उद्योगों के लिए डाटा मैनेज करने के लिए काफी प्रभावि है |और यह गूगल सीट पर बना हुआ है | इस वेब एप की कुछ खास बातें हैं जो कि मैं आपको यहां नीचे बताने वाला हूं|

Read Also This :- Advance Attendance System

✅ सुरक्षित लॉगिन सिस्टम – सिर्फ ऑथराइज्ड पर्सन ही ऐप को एक्सेस कर सकता है

✅ डेटा फिल्टरिंग और सॉर्टिंग – आसानी से डाटा को ढूंढ कर व्यवस्थित कर सकते हैं

✅ इस वेब एप में प्रोडक्ट को ऐड अपडेट और डिलीट भी किया जा सकता है

✅ डेटा में किसी भी तरीके के बदलाव को तुरंत देखा जा सकता है

वेब ऐप की पूरी जानकारी के लिए नीचे दी गई YouTube वीडियो देखें:

👉 अगर आप इसे अपनी जरूरतों के अनुसार कस्टमाइज़ करना चाहते हैं, तो आप मुझसे संपर्क कर सकते है | 😊

Advance Attendance System With webcam geolocation and Timestamp

2025-01-05T17:24:00.000+05:30

Advance Attendance System With geolocation and Timestamp

दोस्तों आज के इस आर्टिकल मै आपको बताउगा की किस तरीके से गूगल शीट में Appscript और html,Css aur Javascript का इस्तेमाल करके एडवांस अटेंडेंस (Advance Attendance System With geolocation and timeStamp) सिस्टम बना सकते है | जो एम्प्लोयी का करंट लोकेशन और टाइम स्टाम्प ऑटोमेटिकली गूगल शीट में स्टोर कर सकता है |

how to send HTML Button in email using Appscript ?

2024-12-22T16:56:00.002+05:30

How to send HTML Button in email using Appscript ?

दोस्तों आज किस आर्टिकल में मैं आपको बताऊंगा कि आप किस तरीके से आप Appscript का इस्तेमाल करके आप अपने ईमेल में HTML (how to send HTML Button in email using Appscript ) बटन को भेज सकते हैं | इससे यूजर का जो भी रिस्पांस होगा उसे बटन के क्लिक पर आप उसके रिस्पांस को अपने Google Sheet के अंदर स्टोर कर सकते हैं | जिससे बार-बार आपको यूजर से फॉलो अप लेने की जरूरत नहीं पड़ेगी |



function doGet(e){
  console.log(e)
  let name1 = e.parameter.name1;
  let name2 = e.parameter.name2;
if(e.parameter.status =="Accepted"){
  return HtmlService.createHtmlOutput(`${name1} Thanks for your Acceptance`)
}else{
  return HtmlService.createHtmlOutput(`${name2} Thanks for your Rejection`)
}
}




function sendMail(){
  let email = "amit.tiwari726@gmail.com";
  let subject = "This is for Offer message";
  let webAppUrl = "https://script.google.com/macros/s/AKfycbx2iITrod2pXRAKHspxQg5BDqkM8B4BP7_amVKiB0Z1eBfu_PwlAq4CFzA6gm3EGhyOlg/exec";

  let name1 = encodeURIComponent("Kishan Kumar");
  let name2 = encodeURIComponent("Tech Gyan Amit");
  let htmlContent = `<!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>Document</title>
</head>
<body>
    <div class="messagebox">
        <p>R u interested?</p>
        <a href="${webAppUrl}?status=Accepted&name1=${name1}" style="background-color:green; padding:10px 15px; color:#fff; border:none; cursor: pointer; text-decoration:none">Yes</a>
        <a href="${webAppUrl}?status=Rejected&name2=${name2}" style="background-color:red; padding:10px 15px; color:#fff; border:none; cursor: pointer; text-decoration:none">No</a>
    </div>
</body>
</html>`;

  MailApp.sendEmail({
    to: email,
    subject: subject,
    htmlBody: htmlContent
  });
}

How to make telegram chat bot using appscript in hindi?

2024-12-08T20:29:00.001+05:30

How to make telegram chat bot using appscript in hindi?

दोस्तों आज किस आर्टिकल में मैं आपको बताऊंगा कि आप किस तरीके से google sheet में Appscript का इस्तेमाल करके आप अपने लिए टेलीग्राम का Chat Bot बना सकते हैं | (How to make telegram chat bot using appscript in hindi ?) यह चाटबॉट बिल्कुल फ्री होता है | इसके लिए आपको टेलीग्राम पर अलग से कोई पेमेंट करने की जरूरत नहीं होती | यह टेलीग्राम Chat Bot आपका डाटा के हिसाब से सारे प्रश्नों का उत्तर देगा | यह आपका बिजनेस के लिए काफी हेल्पफुल हो सकता है |

Download Now

How to filter multiple html column using javascript in hindi ?

2024-11-24T15:08:00.001+05:30

How to filter multiple html column using Javascript in hindi ?

दोस्तों आज के इस आर्टिकल में मै आपको बताउगा की आप किस तरीके से html (How to filter multiple html column using javascript in hindi )टेबल के मल्टीप्ल कॉलम को javascript की मदद से फ़िल्टर कर सकते है |

html code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    
    <div class="container">
        <div class="search-input">
            <input type="text" id="search" placeholder="Enter Name to search.." autocomplete="off">
        </div>
        
        <table border="1" cellspacing="0">
            <thead>
                <tr>
                    <th>Item Name</th>
                    <th>Seller Name</th>
                    <th>City</th>
                    <th>Product Code</th>
                    <th>Item Qty</th>
                    <th>Rate</th>
                </tr>
            </thead>
            <tbody>
                <!-- Sample data rows -->
                <tr>
                    <td>Apple</td>
                    <td>Seller A</td>
                    <td>City X</td>
                    <td>P001</td>
                    <td>10</td>
                    <td>$20</td>
                </tr>
                <tr>
                    <td>Litchi</td>
                    <td>Seller B</td>
                    <td>City Y</td>
                    <td>P002</td>
                    <td>15</td>
                    <td>$25</td>
                </tr>
                <tr>
                    <td>Banana</td>
                    <td>Seller C</td>
                    <td>City Z</td>
                    <td>P003</td>
                    <td>20</td>
                    <td>$30</td>
                </tr>
                <tr>
                    <td>Guava</td>
                    <td>Seller D</td>
                    <td>City X</td>
                    <td>P004</td>
                    <td>25</td>
                    <td>$35</td>
                </tr>
                <tr>
                    <td>Lemon</td>
                    <td>Seller E</td>
                    <td>City Y</td>
                    <td>P005</td>
                    <td>30</td>
                    <td>$40</td>
                </tr>
                <tr>
                    <td>Kiwi</td>
                    <td>Seller F</td>
                    <td>City Z</td>
                    <td>P006</td>
                    <td>35</td>
                    <td>$45</td>
                </tr>
                
                <tr>
                    <td>Jackfruit</td>
                    <td>Seller R</td>
                    <td>City Z</td>
                    <td>P018</td>
                    <td>95</td>
                    <td>$105</td>
                </tr>
                <tr>
                    <td>Oniion</td>
                    <td>Seller S</td>
                    <td>City X</td>
                    <td>P019</td>
                    <td>100</td>
                    <td>$110</td>
                </tr>
                <tr>
                    <td>Lemon</td>
                    <td>Seller T</td>
                    <td>City Y</td>
                    <td>P020</td>
                    <td>105</td>
                    <td>$115</td>
                </tr>
            </tbody>
        </table>
    </div>

    <script src="java.js"></script>
</body>
</html>

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.container{
  width: 100vw;
  height: 100vh;
  
}

.container table{
    width: 35vw;
    margin: 0 auto;
}

.container table tr th{
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    background-color: blueviolet;
    color: #fff;
    font-size: 1vw;
}

.search-input {
    
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
}

.search-input input {
    padding: 5px;
    width: 20vw;
    font-size: 1vw;
    border: 2px solid #ccc;
    border-radius: 5px;
    margin-right: 10px;
    outline: none;
}

.container table tr td{
    padding: 5px;
    text-align: center;
    font-size: 1vw;
}

document.getElementById("search")
.addEventListener("input", function() {
    let searchValue = this.value.toLowerCase();
   let table = document.querySelector("table tbody")
   let rows = table.querySelectorAll("tr")
   for(var j =0; j < rows.length; j++) {
            let itemname = rows[j].cells[0].innerText.toLowerCase();
            let productCode = rows[j].cells[3].innerText.toLowerCase();

            if(itemname.includes(searchValue) || productCode.includes(searchValue)) {
                rows[j].style.display = "";
            }else{
                rows[j].style.display = "none";
            }
   } 
})

how to append html form data in html table using javascript in hindi ?

2024-10-27T14:51:00.002+05:30

How to append html form data in html table using javascript in hindi

दोस्तों आज की आर्टिकल में मैं आपको बताऊंगा कि आप कैसे (how to append html form data in html table using javascript in hindi ?) HTML CSS और JAVSCRIPT की मदद से कैसे आप अपनी HTML फॉर्म की डाटा को अपने HTML टेबल में इंसर्ट करा सकते हैं |

HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <div class="parent">
        <div class="first">
            <form id="dataForm">
                <label for="name">Name:</label>
                <input type="text" id="name" placeholder="Enter your name">

                <label for="age">Age:</label>   
                <input type="number" id="age" placeholder="Enter your age">

                <label for="email">Email:</label>
                <input type="email" id="email" placeholder="Enter your email">

                <label for="gender">Gender:</label>
                <select id="gender">
                    <option value="" disabled selected>Choose Your Gender</option>
                    <option value="male">Male</option>  
                    <option value="female">Female</option>
                    <option value="other">Other</option>
                </select>

                <label for="city">City:</label> 
                <select id="city">
                    <option value="" disabled selected>Choose Your City</option>
                    <option value="delhi">Delhi</option>
                    <option value="mumbai">Mumbai</option>
                    <option value="chennai">Chennai</option>
                    <option value="kolkata">Kolkata</option>    
                </select>
                <button type="submit">Submit</button>
            </form>
        </div>
        <div class="second">
            <table id="datatable">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Age</th>
                        <th>Email</th>
                        <th>Gender</th>
                        <th>City</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
    </div>
</body>
<script src="java.js"></script>
</html>


*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.parent{
    width: 100vw;
    display: flex;
    justify-content: space-around;
}

body {
    font-family: Arial, sans-serif;
    margin: 20px;
    background-color: #f4f4f4;
}



.first {
    width: 30%;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}



form {
    display: flex;
    flex-direction: column;
}

label {
    margin-top: 10px;
    font-weight: bold;
}

input, select, button {
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

button {
    background-color: #28a745;
    color: white;
    cursor: pointer;
}

button:hover {
    background-color: #218838;
}

.second {
    width: 55%;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

table {
    width: 100%;
    margin: 20px auto;
    border-collapse: collapse;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

th, td {
    padding: 12px 15px;
    border: 1px solid #ddd;
    text-align: center;
}

th {
    background-color: #007bff;
    color: white;
}

tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

tbody tr:hover {
    background-color: #f1f1f1;
}


let form = document.getElementById('dataForm');
let table = document.getElementById('datatable');

form.addEventListener('submit', function(event) {
    event.preventDefault();
    let name = document.getElementById("name").value;
    let age = document.getElementById("age").value;
    let email = document.getElementById("email").value;
    let gender = document.getElementById("gender").value;   
    let city = document.getElementById("city").value;
    let newRow = table.insertRow();
    let column1 = newRow.insertCell(0);
    let column2 = newRow.insertCell(1);
    let column3 = newRow.insertCell(2);
    let column4 = newRow.insertCell(3);
    let column5 = newRow.insertCell(4);

    column1.innerHTML = name;
    column2.innerHTML = age;
    column3.innerHTML = email;
    column4.innerHTML = gender;
    column5.innerHTML = city;
    form.reset()
})

Web App Create Note App || Add, Update, Delete in localstorage using javscript part#2

2024-07-07T16:10:00.002+05:30

Web App Create Note App || Add, Update, Delete in localstorage using javscript

दोस्तों आज किस आर्टिकल में मैं आपको बताऊंगा कि आप HTML और CSS और Javascrpt की मदद से कैसे नोट एप क्रिएट (Web App Create Note App) कर सकते हैं | साथ ही साथ इसमें आप Local-Storage में डाटा कैसे स्टोर किया जाता है | कैसे अपडेट किया जाता है | (Add, Update, Delete in localstorage using javscript) और डिलीट किया जाता है | यह सारी चीज भी इस आर्टिकल में आप सिखाने वाले हैं |

html code


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styel.css">
    <title>App Note</title>
</head>
<body>
    <div class="container">
        <h1>Note App</h1>
        <div class="data-container">
            <input type="text" placeholder="Enter Title" id="title">
            <textarea name="" id="description" placeholder="Enter Description"></textarea>
            <div class="btn-group">
                <button id="btn">Add Note</button>
            </div>
        </div>
    </div>
    <div class="cards">
    
    </div>
    <script src="java.js"></script>
</body>
</html>

/*css Code*/




*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    width: 100%;
    height: 100vh;
    background: linear-gradient(#16a085,#2980b9);
}

.container{
    width: 400px;
    min-width: 350px;
    border: 1px solid;
    margin: 24px auto;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    background: #fff;
}

.data-container{
    margin-top: 45px;
}

input{
    width: 100%;
    height: 40px;
    padding: 10px;
    font-size: 19px;
    outline: none;
    border-radius:10px ;
    border: 2px solid rgb(149, 37, 37);
    margin-bottom: 20px;
}

textarea{
    width: 100%;
    height: 170px;
    padding: 10px;
    border-radius:10px ;
    border: 2px solid rgb(149, 37, 37);
    outline: none;
    margin-bottom: 20px;
}

#btn{
    padding: 10px;
    outline: none;
    border: 0;
    background: #2980b9;
    color: #fff;
    cursor: pointer;
}

.cards{
    width: 100vw;
    min-height:150px ;
    display: flex;
    justify-content: space-around;
    
}

.cards-data{
    width: 250px;
    background-color: #fff;
    padding: 10px;
}

h3{
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
   margin-bottom: 10px;
}

p{
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.cards-data button{
    padding: 10px;
    outline: none;
    border: none;
    border-radius: 5px;
    background-color: #1cca4e;
    color: #fff;
    cursor: pointer;
}


Javascript Code




let title = document.getElementById('title');
let description = document.getElementById('description');
let cards = document.querySelector('.cards')

// when btn click show value
document.getElementById("btn").addEventListener("click",()=>{
let titleValue =title.value;
let descriptionValue=description.value;
let storeData = JSON.parse(localStorage.getItem("cardsData"))  || [];
storeData.push({title:titleValue,description:descriptionValue});
localStorage.setItem("cardsData",JSON.stringify(storeData));
updateCards()
})


// this function will when user click on Add cards


function updateCards(){
    let storeData = JSON.parse(localStorage.getItem("cardsData"))  || [];
    cards.innerHTML=""  
    storeData.forEach((card,index) => {
     cards.innerHTML  +=` 
            ${card.title}
            ${card.description}
            
        `
    });
}

// when user click delete function run to delete

function deleteCards(index){
    let storeData = JSON.parse(localStorage.getItem("cardsData"))  || [];
    storeData.splice(index,1)
    localStorage.setItem("cardsData",JSON.stringify(storeData))
    updateCards()
}


 updateCards()

How to make searchable Dropdown using Javascript in hindi ?

2024-04-21T17:31:00.000+05:30

How to make searchable Dropdown using Javascript in hindi

दोस्तों आज किस आर्टिकल में मैं आपको बताऊंगा कि आप किस तरीके से HTML CSS और JAVASCRIPT का इस्तेमाल करके (How to make searchable Dropdown using Javascript in hindi) आप searchable Dropdown बना सकते हैं | क्योंकि Select टैग में यह फीचर By Default नहीं होता है | तो किस तरीके से हम इसे कस्टमाइज करेंगे searchable Dropdown बनाने के लिए वह आज के इस आर्टिकल में मैं आपको बताने वाला हूं |

    
        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="stylesheet" href="select.css">
            <title>Document</title>
        </head>
        <body>
            <div class="container">
                <div class="textholder">
                    <input type="text" id="input" disabled>
                </div>
                <div class="text-content">
                    <input type="text" id="search" placeholder="type to search" autocomplete="off" oninput="filterValue()">
                <ul id="uldata">
                    <li>Apple</li>
                    <li>Grapes</li>
                    <li>Guava</li>
                    <li>Litchi</li>
                    <li>Carrot</li>
                    <li>Papaya</li>
                    <li>Orange</li>
                </ul>
                </div>
            </div>
        </body>
        <script>
        function filterValue(){
            let userInput = document.getElementById("search").value.toLowerCase()
            let dataList= document.querySelectorAll("#uldata li")
            dataList.forEach(function(li){
                if(li.innerText.toLowerCase().includes(userInput)){
                    li.style.display=""
                }else{
                    li.style.display="none"
                }
            })
        }
        document.querySelectorAll("#uldata li").forEach(function(row){
            row.addEventListener("click",function(){
                document.getElementById("input").value=row.textContent
            })
        })
        </script>
        </html>

Web App tutorial in hindi || create Html Form and send data in google sheet in hindi

2024-04-07T18:20:00.001+05:30

Web App tutorial in hindi || create Html Form and send data in google sheet in hindi

दोस्तों आज के इस आर्टिकल में मैं आपको बताऊंगा कि आप किस तरीके से (create Html Form and send data in google sheet) गूगल सीट में एप स्क्रिप्ट और वेब एप की मदद सेआप एचटीएमएल फॉर्म को बना सकते हैं | और साथ ही साथ एचटीएमएल फॉर्म के डाटा को आप अपने गूगल सीट के अंदर स्टोर कर सकते हैं |

File For practice Download

Watch Video For Practice

यह भी पढ़ें : Protect Sheet Timely

code.gs file



function doGet(){
  return HtmlService.createTemplateFromFile("index").evaluate().addMetaTag('viewport', 'width=device-width, initial-scale=1')
}


function include(filename){
  return HtmlService.createHtmlOutputFromFile(filename).getContent();
}

function pasteDatainSheet(uname,fatherName,email,mob){
let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Sheet1");
sheet.appendRow([uname,fatherName,email,mob])
}

html file


  <html lang="en">
<head>
    <meta charset="UTF-8"></meta>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
    <title>Document</title>
    <link href="style.css" rel="stylesheet"></link>
</head>
<body>
    <form id="myForm">
        <h3>Employee Info</h3>
        <div class="empinfo">
            <label for="name">User Name</label>
            <input id="name" name="uname" type="text" />
        </div>
        <div class="empinfo">
            <label for="fname">Father Name</label>
            <input id="fname" name="faname" type="text" />
        </div>
        <div class="empinfo">
            <label for="email">Email Id</label>
            <input id="email" name="email" type="email" />
        </div>
        <div class="empinfo">
            <label for="mobnum">Mobile Number</label>
            <input id="mobnum" name="mob" type="text" />
        </div>
        <div class="btn">
            <button id="btn">Submit</button>
        </div>
    </form>
</body>
</html>

css file



  *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#myForm{
    width: 230px;
    height:auto;
    border:2px solid green;
    padding: 20px 10px;
    margin: 20px auto ;
    border-radius:10px ;
    background: lightblue;
}

#myForm  h3{
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
    color: blue;
    
}

.empinfo{
    margin-bottom: 6px;
}

.empinfo label{
    font-size: 12px;
    
}

.empinfo input{
    width: 200px;
    outline:none
}

.btn{
    width: 200px;
    text-align: center;
}

#btn{
    padding: 3px 30px;
    border: none;
    outline: none;
    background-color: blue;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
}

@media screen and (max-width:700px){
  #myForm{
    background-color:pink;
    color:red;
  }
}

Javascript file


  
let button = document.getElementById("btn").addEventListener("click",getFormData)

    function getFormData(event){
   event.preventDefault();
  let userName= document.getElementById("name").value;
  let fname= document.getElementById("fname").value
  let email= document.getElementById("email").value
  let mobile= document.getElementById("mobnum").value
  google.script.run.withSuccessHandler(()=>{
  document.getElementById("name").value=""
  document.getElementById("fname").value=""
  document.getElementById("email").value=""
  document.getElementById("mobnum").value=""
  }).pasteDatainSheet(userName,fname,email,mobile)

}

How to protect sheet timely using appscript in hindi

2023-09-27T21:22:00.005+05:30

How to protect sheet timely using appscript in hindi

दोस्तों गूगल सीट में किस तरीके से प्रोटेक्शन लगाया जाता है | उसके बारे में हम सभी लोग जानते हैं | आज हम इस आर्टिकल में भी प्रोटेक्शन की ही बात करेंगे | लेकिन यह प्रोटेक्शन अन्य प्रोटेक्शन से थोड़ा सा डिफरेंट होगा | और यह डिफरेंट क्या होगा कि इसमें हम सीखेंगे कि हम टाइमली (How to protect sheet timely using appscript in hindi) गूगल सीट की डाटा को कैसे प्रोटेक्ट कर सकते हैं |

file for practice

यह भी पढ़ें:-protect cell after edit

youtubeembedcode pl

casino utan spelgräns

  
    function lockingUnlockingSheet() {
      let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Sheet2");
      let lockingHour = 21;
      let unlockingHour = 6;
      let currentHour = new Date().getHours();
      if (lockingHour >= currentHour && unlockingHour < currentHour) {
        let protection = sheet.protect().setDescription("Protect Sheet")
        protection.removeEditors(protection.getEditors());
      } else {
        let protections = sheet.getProtections(SpreadsheetApp.ProtectionType.SHEET);
        for (let i = 0; i < protections.length; i++) {
          protections[i].remove();
        }
      }
    }

How to calculate expiry date of given month using appscript in hindi

2023-07-09T19:44:00.002+05:30

How to calculate expiry date of given month using appscript in hindi

दोस्तों आज के इस आर्टिकल में मैं आपको बताऊंगा कि आप किस तरीके से ऐप स्क्रिप्ट की मदद से गूगल सीट में कोई भी डेट दी गई है और उस डेट का (How to calculate expiry date of given month using appscript in hindi) आप एक्सपायरी डेट निकालना चाहते हैं तो आप कैसे निकाल पाएंगे |

यह भी पढ़ें:-How to create multilevel drop-down list

यह भी पढ़ें:-How to protect cell after edit in Google sheets

Download Sheet For Practice

youtubeembedcode.com/de/

https://sms-lån-direkt.nu/




function expiryDate() {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Sheet1");
  let dataRange = sheet.getRange("A2:A30").getValues();
  for(var i=0;i<dataRange.length;i++){
    let month = dataRange[i][0].toString();
    let expiryDate;
    if(month.includes('to')){
      let lastMonth=month.split('to')[1];
      let lastDate= new Date(2023,new Date(lastMonth+'1,2023').getMonth()+1,0).getDate();
      expiryDate = lastDate+""+lastMonth+" "+2023;
    }else{
       let date= new Date(2023,new Date(month+'1,2023').getMonth()+1,0).getDate();
       expiryDate = date+""+month+" "+2023;
    }
    sheet.getRange(i+2,2).setValue(expiryDate);
  }
}

How to create multilevel drop-down list using app script in hindi ?

2023-05-12T21:49:00.000+05:30

How to create multilevel drop-down list using app script in hindi ?

दोस्तों आज के इस आर्टिक्ल में मै आपको बताउगा की किस तरीके से गूगल शीट में (How to create multilevel drop-down list using app script in hindi ?) अप्पसक्रिप्ट की मदद से आप मल्टीलेवल डिपेंडेंट ड्राप डाउन लिस्ट बना सकते है |

यह भी पढ़े : dependent Dropdown list using appscript in hindi

यह भी पढ़े : how to send offer letter from spreadsheet Data using appscript in hindi

Sheet ko practice ke liye download kare...


let sheet= SpreadsheetApp.getActiveSpreadsheet().getSheetByName('DropDown');
let itemSheet=SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Item Name');
let modelSheet=SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Model');
let colorSheet=SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Color');
function multilevel_Dropdown() {
  let dropdownRange=sheet.getRange('A2:A10');
  let lrow= itemSheet.getRange('A2:A').getValues().filter(String).length+1;
  let dropVal = itemSheet.getRange('A2:A'+lrow);
  let rule = SpreadsheetApp.newDataValidation()
  .requireValueInRange(dropVal)
  .build();
  dropdownRange.setDataValidation(rule);

}

function dependentDropDown(){
let model = modelSheet.getRange('A1:E1').getValues()
let col= sheet.getActiveCell().getColumn();
let row= sheet.getActiveCell().getRow();
if(col==1 && row>=2){
  let lookupVal= sheet.getActiveCell().getValue()
  let position= model[0].indexOf(lookupVal)
  let data =modelSheet.getRange(2,position+1,3,1)
  let rule= SpreadsheetApp.newDataValidation()
  .requireValueInRange(data)
  .build();
  sheet.getActiveCell().offset(0,1).clearContent();
  sheet.getActiveCell().offset(0,1).clearDataValidations();
  sheet.getActiveCell().offset(0,1).setDataValidation(rule);
}
}

function anotherDependentDropDown(){
let model = colorSheet.getRange('A1:M1').getValues()
let col= sheet.getActiveCell().getColumn();
let row= sheet.getActiveCell().getRow();
if(col==2 && row>=2){
  let lookupVal= sheet.getActiveCell().getValue()
  let position= model[0].indexOf(lookupVal)
  Logger.log(position)
  let data =colorSheet.getRange(2,position+1,3,1);
  Logger.log(data)
  let rule= SpreadsheetApp.newDataValidation()
  .requireValueInRange(data)
  .build();
  sheet.getActiveCell().offset(0,1).clearContent();
  sheet.getActiveCell().offset(0,1).clearDataValidations();
  sheet.getActiveCell().offset(0,1).setDataValidation(rule);
}
}

How to protect cell after edit in Google sheets using appscript in hindi

2023-04-07T21:35:00.003+05:30

How to protect cell after edit in Google sheets using appscript in hindi

दोस्तों आज के इस आर्टिकल में मैं आपको बताऊंगा कि आप किस तरीके से गूगल शीट (How to protect cell after edit in Google sheets using appscript in hindi) में किसी सेल को एडिट करने के बाद आप उसे प्रोजेक्ट कर सकते हैं वह भी आप सिर्फ की मदद से |

यह भी पढ़ें: Export a Google sheets range as a pdf using appscript in hindi

यह भी पढ़ें: How to create a Hyperlink in google sheet using Appscript ?

प्रैक्टिस के लिए सीट को डाउनलोड करें

youtubeembedcode.com/es/

https://unoregler.com/no/

code


function sheetProtect() {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Sheet1");
  let row = sheet.getActiveCell().getRow();
  let col = sheet.getActiveCell().getColumn();
  let val =sheet.getRange(row,col).getValue();
  if(val!=""){
   let protection= sheet.getRange(row,col).protect().setDescription("Value not Allowed");
   protection.removeEditors(protection.getEditors())
if(protection.canDomainEdit()){
  protection.setDomainEdit(false);
}
  }
}

Export a Google sheets range as a pdf using appscript in hindi

2023-04-07T20:52:00.000+05:30

Export a Google sheets range as a pdf using appscript in hindi

दोस्तों गूगल सीट में यदि किसी डाटा को पीडीएफ में कन्वर्ट करना है तो आप उसे कर सकते हैं | उसके लिए हमने वीडियो भी बनाया है | लेकिन यदि आप गूगल शीट में किसी पार्टी कूलर रेंज को यदि आप (Export a Google sheets range as a pdf using appscript in hindi) पीडीएफ में कन्वर्ट करना चाहते हैं तो आप कैसे करेंगे | यह आज के इस आर्टिकल में मैं आपको बताने वाला हूं |

यह भी पढ़ें : How to send html email using appscript in hindi?

प्रैक्टिस के लिए सीट को डाउनलोड करें |

youtubeembedcode.com/de/

låna 3000 utan uc

How to send html email using appscript in hindi?

2023-01-22T18:59:00.003+05:30

How to send html email using appscript in hindi

दोस्तों आज किस आर्टिकल में मैं आपको बताऊंगा कि आप किस तरीके से (How to send html email using appscript in hindi) गूगल शीट में Appscript का इस्तेमाल करके HTML ईमेल भेज सकते हैं |

Download Sheet For Practice

youtubeembedcode.com/de/

regler yatzy

Code.js File


function getEmailTemplateData() {
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Bill");
  let purchaseOrder= sheet.getRange("C6").getValue();
  let billDate= sheet.getRange("J6").getDisplayValue();
  let cname= sheet.getRange("A8").getValue();
  let add1= sheet.getRange("A9").getValue();
  let add2= sheet.getRange("A10").getValue();
  let add3= sheet.getRange("A11").getValue();
  let gst= sheet.getRange("H8").getValue();
  let contactPerson= sheet.getRange("H9").getValue();
  let pno= sheet.getRange("H10").getValue();
  let email= sheet.getRange("H11").getValue();
  let lastrow= sheet.getRange("A13").getDataRegion().getLastRow();
  let billingArea = sheet.getRange("A14:K"+lastrow).getDisplayValues();
  let totalAmt =sheet.getRange("K22").getValue();
  let htmlService= HtmlService.createTemplateFromFile("index")
  htmlService.pOrder=purchaseOrder
  htmlService.bdate=billDate
  htmlService.compName=cname
  htmlService.add1=add1
  htmlService.add2=add2
  htmlService.add3=add3
  htmlService.gst=gst
  htmlService.conPerson=contactPerson
  htmlService.phonenumber=pno
  htmlService.email=email
  htmlService.tAmt=totalAmt
  htmlService.billingArea=billingArea
 let htmlTemp= htmlService.evaluate().getContent()
MailApp.sendEmail(email,"Today is your bill","Please find attachment",{htmlBody:htmlTemp})
}


function include(filename){
  return HtmlService.createHtmlOutputFromFile(filename).getContent()
}

Style Sheet

How to create a Hyperlink in google sheet using Appscript ?

2022-12-30T20:27:00.000+05:30

दोस्तों आज के इस आर्टिकल में मैं आपको बताऊंगा कि आप गूगल सीट में किस तरीके से हाइपरलिंक क्रिएट (How to create a Hyperlink in google sheet using Appscript) कर सकते हैं | और इस हाइपरलिंक का इस्तेमाल आप किसी भी इंटरनल सीट को ओपन करने या फिर किसी एक्सटर्नल वर्क बुक को ओपन करने में कर सकते हैं |

youtubeembedcode pl

skattefria casinon

function createNewHyperLink(){
let sheet = SpreadsheetApp.getActiveSheet().getActiveCell().getValue();
let myHtml = ""
let ui =HtmlService.createHtmlOutput(myHtml)
SpreadsheetApp.getUi().showModalDialog(ui,"showData")

}

Download File For practice

How to access to subfolder with google app script ?

2022-12-02T12:00:00.000+05:30

How to access to subfolder with google app script ?

दोस्तों आज किस आर्टिकल में मैं आपको बताऊंगा कि आप किस तरीके से गूगल ड्राइव में यदि एक फोल्डर के अंदर मल्टीपल फोल्डर (How to access to subfolder with google appscript ) हैं तो आप उस फोल्डर को एक्सेस कैसे कर सकते हैं |


function getSubFolderFiles() {
  let folderID= DriveApp.getFolderById('190PVRzDUrECNO7Dwp3N2pByfJuH0Q1bU');
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Sheet1')
  let files = folderID.getFiles();
  let i =1
  while(files.hasNext()){
    let file = files.next();
    let fileName = file.getName();
sheet.getRange(i,1).setValue(fileName);
i++

  }
  let subFolder = folderID.getFolders();
  while(subFolder.hasNext()){
    let anotherFolder =subFolder.next();
    let allFile =anotherFolder.getFiles();
    while(allFile.hasNext()){
      let file=allFile.next();
      let name= file.getName();
      let lr = sheet.getLastRow();
      sheet.getRange(lr+1,1).setValue(name)
    }
  }
}

Download Sheet For Practice

How to Create Billing app in Google Sheets using AppScript in Hindi ?

2022-11-13T19:39:00.000+05:30

How to Create Billing app in Google Sheets using AppScript in Hindi ?

दोस्तों आज इस आर्टिकल में मैं आपको बताऊंगा कि आप किस तरीके से गूगल सीट में बिलिंग एप (How to Create Billing app in Google Sheets using AppScript in Hindi) क्रिएट कर सकते हैं AppScript की मदद से |

youtubeembedcode.com/de/

casino skattefritt utan spelpaus



let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Billingg App');

function selectVendor() {
  let makeDropdownCell = sheet.getRange('D2');
  let rule = SpreadsheetApp.newDataValidation()
    .requireValueInList(["AB Corporation", "MD Brothers", "MJ Corporation"])
    .build();
  makeDropdownCell.setDataValidation(rule)



}

function transporterName() {
  let makeDropdownCell = sheet.getRange('D4');
  let rule = SpreadsheetApp.newDataValidation()
    .requireValueInList(["AB Transport", "MK Travells", "MJ Company"])
    .build();
  makeDropdownCell.setDataValidation(rule)

}

function createBillDate() {
  let nDate = new Date();
  let cDate = nDate.toDateString();
  sheet.getRange('A4').setValue(cDate)
}

function addItemCode() {
  let dataSheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Data List');
  let makeDropdownCell = sheet.getRange('C6:C12');
  let dropdownList = dataSheet.getRange('B2:B6')
  let rule = SpreadsheetApp.newDataValidation()
    .requireValueInRange(dropdownList)
    .build();
  makeDropdownCell.setDataValidation(rule)
}

function generateSlNo(e) {
  let row = e.range.getRow();
  let col = e.range.getColumn();
  let mySheet = e.source.getActiveSheet().getName();
  if (row >= 6 && col == 3 && mySheet == 'Billingg App' && sheet.getActiveCell().getValue() !== "") {
    sheet.getActiveCell().offset(0, -2).setValue(row - 5)
  } else if(row >= 6 && col == 3 && mySheet == 'Billingg App' && sheet.getActiveCell().getValue() == ""){
    sheet.getActiveCell().offset(0, -2).clearContent();
    sheet.getActiveCell().offset(0, -1).clearContent();
  }

}


function getSheetValue() {
  let targetSheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Data List');
  let dataRange = targetSheet.getDataRange().getValues();
  let lookupValue = sheet.getActiveCell().getValue();
  dataRange.forEach(function (cellValue, i) {
    if (cellValue[1] == lookupValue) {
      
      let itemName = targetSheet.getRange(i + 1, 1).getValue();
      Logger.log(itemName)
      let rate = targetSheet.getRange(i + 1, 3).getValue();
      Logger.log(rate)
      sheet.getActiveCell().offset(0, -1).setValue(itemName)
      sheet.getActiveCell().offset(0, 2).setValue(rate);
      sheet.getRange(6, 6, 7, 1).setFormula("=D6*E6")
    }


  })

}

function transferData() {
  let targetSheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("BackUP Data");
  let billNo = sheet.getRange("A2").getValue();
  let billDate = sheet.getRange("A4").getValue();
  let vendorName = sheet.getRange("D2").getValue();
  let biltyNo = sheet.getRange("D3").getValue();
  let transportName = sheet.getRange("D4").getValue();
  let amt = sheet.getRange("F13").getValue();
  let gst = sheet.getRange("F14").getValue();
  let totalAmt = sheet.getRange("F15").getValue();
  let lastrow = sheet.getRange("C5").getNextDataCell(SpreadsheetApp.Direction.DOWN).getRow();
  let values = sheet.getRange("B6:F" + lastrow).getValues();
  Logger.log(values)
  
  
   for (var i = 0; i < values.length; i++) {
   let lrow= targetSheet.getLastRow()+1
    targetSheet.getRange(lrow, 1).setValue(billNo);
    targetSheet.getRange(lrow, 2).setValue(billDate)
    targetSheet.getRange(lrow, 3).setValue(vendorName)
    targetSheet.getRange(lrow, 4).setValue(biltyNo)
    targetSheet.getRange(lrow, 5).setValue(transportName)
    targetSheet.getRange(lrow, 6).setValue(values[i][0])
    targetSheet.getRange(lrow, 7).setValue(values[i][1])
    targetSheet.getRange(lrow, 8).setValue(values[i][2])
    targetSheet.getRange(lrow, 9).setValue(values[i][3])
    targetSheet.getRange(lrow, 10).setValue(values[i][4])
    targetSheet.getRange(lrow, 11).setValue(gst)
    targetSheet.getRange(lrow, 12).setValue(totalAmt)
  }
  //clear Content
  sheet.getRange("A2").clearContent();
  sheet.getRange("A4").clearContent();
  sheet.getRange("D2").clearContent();
  sheet.getRange("D3").clearContent();
  sheet.getRange("D4").clearContent();
 
  sheet.getRange("A6:E" + lastrow).clearContent();
   let lr= targetSheet.getLastRow()
  let newBillNo =targetSheet.getRange(lr,1).getValue();
  sheet.getRange("A2").setValue(newBillNo+1);
  createBillDate();
}



function searchData(){
let targetSheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("BackUP Data");
let lrow= targetSheet.getLastRow()-1
let targetValue= targetSheet.getRange("A2:L"+lrow).getDisplayValues();
let searchBillNo= sheet.getRange('F1').getValue();
 let result =targetValue.filter(function(dataArray){
 return dataArray[0]==searchBillNo
});
let output =result.map(function(data){
let billNo = data[0];
let billDate = data[1];
let cName = data[2];
let builtyNo = data[3];
let tname = data[4];
sheet.getRange('A2').setValue(billNo)
sheet.getRange('A4').setValue(billDate)
sheet.getRange('D2').setValue(cName)
sheet.getRange('D3').setValue(builtyNo)
sheet.getRange('D4').setValue(tname)
return [data[5],data[6],data[7],data[8],data[9]]
})
sheet.getRange("B6:F12").clearContent();
sheet.getRange(6,2,output.length,output[0].length).setValues(output)
sheet.getRange("F6:F11").setFormula("=D6*E6")



}


Download File For Practice

how to send offer letter from spreadsheet Data using appscript in hindi

2022-08-28T20:00:00.000+05:30

How to send offer letter from spreadsheet Data using appscript in hindi

दोस्तों आज के इस आर्टिकल में मैं आपको बताने वाला हूं कि आप किस तरीके से Appscript का (how to send offer letter from spreadsheet Data using appscript in hindi) इस्तेमाल करके किसी भी डाटा को PDF में कन्वर्ट कर सकते हैं |और PDF में कन्वर्ट करने के बाद उस डाटा को ईमेल भी कर सकते हैं | तो यह काम आप आप किस तरीके से Appscript में कर पाएंगे इसे आज हम सीखने वाले हैं |

youtubeembedcode en

nätcasino utan svensk licens

Code.gs


function getData() {
  let ws = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Sheet1");
  let lr = ws.getLastRow()-1;
  let rangeValue = ws.getRange(2, 1, lr, 9).getDisplayValues();
  rangeValue.forEach(r => {
    var template = {
      date: r[0],
      name: r[1],
      jobTitle: r[2],
      salaryMonth: r[3],
      annualCtc: r[4],
      startDate: r[5],
      startTime: r[6],
      reportingPerson: r[7],
      offerAcceptanceDate: r[8],

    }
     pdfFile(template);
  });

}



function pdfFile(template) {
  let tmpfol = "1ZawN1RcbrrO9k_jg1DEcVEaqApYRVGz7";
  let pdfFol = "1DwAh5PNvj20Be8pBjuNm6Jp-Z_VfcjQ-";
  let docFile = "1a3buIm6vYdE3LbSzEb2IRJyu0TkaAt8EWmgvqkR1IHM";
  let dummyFile = DriveApp.getFileById(docFile).makeCopy(tmpfol).setName("TempFile");
  let openFile = DocumentApp.openById(dummyFile.getId());
  let body = openFile.getBody();
  body.replaceText("{Date}",template.date);
  body.replaceText("{Name}", template.name);
  body.replaceText("{Job Title}", template.jobTitle);
  body.replaceText("{Salary per month}", template.salaryMonth);
  body.replaceText("{Annual CTC}", template.annualCtc);
  body.replaceText("{Desired starting date}", template.startDate);
  body.replaceText("{Desired to start time}", template.startTime);
  body.replaceText("{Name of person to report on start date}", template.reportingPerson);
  body.replaceText("{Last date for offer acceptance}", template.offerAcceptanceDate);
  openFile.saveAndClose();
  let getBlob = dummyFile.getAs('application/pdf').setName(template.name + " " + template.date);
  DriveApp.createFile(getBlob).moveTo(DriveApp.getFolderById(pdfFol));
  DriveApp.getFolderById(tmpfol).removeFile(dummyFile);
 
   sendEmail(template, getBlob);
}

function sendEmail(template, blob) {
  let emailBody = {
    to: "dme1@thegoldberg.in",
    subject: "Offer Letter",
    body: "Hello" + " " + template.name +" "+ "Greeting | This is a offer letter |",
    attachments: [blob]

  }
  MailApp.sendEmail(emailBody);
}

Get File For Practice

How to get last row using appscript in hindi

2022-08-21T20:34:00.000+05:30

How to get last row using appscript in hindi

दोस्तों आज किस आर्टिकल में मैं आपको बताने वाला हूं कि किस तरीके से आप (how to get last row using appscript in hindi) अपनी डाटा का लास्ट रो फाइंड प्राप्त कर सकते हैं Appscript की मदद से |

youtubeembedcode nl

bingoutanlicens.se

Code.gs



function last_rOW(){

var ss = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var lr = ss.getRange('A1').getDataRegion().getLastRow();
Logger.log(lr);

}

function findLr(){
var ss = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
ss.getRange('A1006').activate();
ss.getCurrentCell().getNextDataCell(SpreadsheetApp.Direction.UP).activate()
var last_Row = ss.getCurrentCell().getRowIndex();
ss.getRange('A1').activate();
Logger.log(last_Row);

}

How to make dependent drop-down list using appscript in hindi

2022-08-19T21:11:00.000+05:30

How to make dependent drop-down list using appscript in hindi

दोस्तों जब आप ऑनलाइन फॉर्म भरते हैं तो उसमें एक ऑप्शन होता है | यदि हम किसी भी स्टेट को सेलेक्ट करते हैं तो उस से रिलेटेड सिटी का लिस्ट आ जाता है | इसे हम डिपेंडेंट ड्रॉपडाउनलिस्ट कहते हैं | अगर इस तरह का डिपेंडेंट ड्रॉप डाउन लिस्ट यदि हमें अपने गूगल सीट में बनाना हो वह भी Appscript की मदद (How to make dependent drop-down list using appscript in hindi) से तो कैसे हम इसे बना सकते हैं | वह आज के इस आर्टिकल में मैं आपको बताऊंगा |

youtubeembedcode nl

mgacasinoutansvensklicens.com

Code.gs


function myDropdown() {
  var ss = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Sheet3');
  var range = ss.getRange('G2:I2');
  var value = ss.getRange('G2:I5').getValues();
  var validationRange = ss.getRange('A1:A5');
  var rules = SpreadsheetApp.newDataValidation()
  .requireValueInRange(range)
  .build();
  validationRange.setDataValidation(rules);
  var row = SpreadsheetApp.getCurrentCell().getRow();
  var column= SpreadsheetApp.getCurrentCell().getColumn();
  if(row >=1 && column==1){
    ss.getActiveCell().offset(0,1).clearContent().clearDataValidations();
var index =value[0].indexOf(ss.getActiveCell().getValue());
var dropdown =ss.getRange(3,index+7,4,1);
var rul = SpreadsheetApp.newDataValidation()
.requireValueInRange(dropdown)
.build();
ss.getActiveCell().offset(0,1).setDataValidation(rul);
  }
}

Download Sheet For Practice

How to get text from image using appscript in hindi

2022-08-19T20:41:00.000+05:30

How to get text from image using appscript in hindi

दोस्तों आज के इस आर्टिकल में मैं आपको बताऊंगा कि आप किस तरीके से Appscript का (How to get text from image using appscript in hindi) इस्तेमाल करके किसी भी इमेज फाइल से टेक्स्ट को प्राप्त कैसे कर सकते हैं |

youtubeembedcode en

bettingutanspelpaus.co

Code.gs
function readImageData() {
  let id ='1HMcmIMJoLRKZ55pxBXnV8XlPOMZoaxQc';
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Sheet1")
  let folder = DriveApp.getFolderById(id);
  let files = folder.getFilesByType('image/jpeg');
  let i=1;
  while(files.hasNext()){
   let blob= files.next();
   let name=blob.getName();
   let mytitle = name.split(".")[0]
   let fileObject={
     title : mytitle,
     mimeType:'image/jpeg'
   }
  let docFile= Drive.Files.insert(fileObject,blob,{ocr:true});
  let doc = DocumentApp.openById(docFile.id);
  let text = doc.getBody().getText();
  sheet.getRange(i,1).setValue(text);
  i++
  }
}

Download Sheet For Practice