thiscodeWorks - Saving, organizing & sharing the best of code online

python - Use beautifulsoup to get a youtube video‘s information - Stack Overflow

<h1 class="title style-scope ytd-video-primary-info-renderer">
   <yt-formatted-string force-default-style="" class="style-scope ytd-video-primary-info-renderer">
      Tucker: Kamala Harris may end up running the country</yt-formatted-string></h1>

YouTube

@FFDG

https://www.youtube.com/

get day

@codeknuckes

var currentday = today.getDay();
    var day = "";

   switch (currentday) {
    case 0:
        day = "Sunday";
    break;
    case 1:
        day = "Monday";
    break;
    case 2:
        day = "Tuesday";
    break;
    case 3:
        day = "Wedesday";
    break;
    case 4:
        day = "Thursday";
    break;
    case 5:
        day = "Friday";
    break;
    case 6:
        day = "Satarday";
    break;
    default:
        console.log("Error current day is equal to: " + currentday);

Class attr

@eddy23

import attr

@attr.s

class Person:

  name: str

  age: int
  
  
alice = Person("Alice", 25)

print(alice)

row component

@AbishKamran

...
export default function App() {
...
}

function Row({ children }) {
  return <View style={styles.row}>{children}</View>;
}

const styles = StyleSheet.create({
  ...
  row: {
    flex: 1,
    flexDirection: "row",
    justifyContent: "space-between",
  },
});

cli

@AbishKamran

 expo init calculator-app

Eos-document-control ION

@rkosir

  <eos-document-control
    [buttonRendererOptions]="{buttonText: '§§ Vybrat existujici dokument' | transloco }"
    [selectedOptionsRenderer]="selectedOptionsRendererTpl"
    [mode]="'multiple'"
  ></eos-document-control>

  <ng-template #selectedOptionsRendererTpl let-selectedDocuments>
    <eos-item-list *ngFor="let document of selectedDocuments" class="margin-vertical-half">
      <ion-item>
        <eos-item-text>{{ document.name }}</eos-item-text>
        <eos-icon
          style="color: var(--theme-color-medium)"
          slot="end"
          icon="remove-circle-2"
          width="18"
        ></eos-icon>
      </ion-item>
    </eos-item-list>
  </ng-template>

#html

Simple Body

@paulperezsv

<body>
    <!-- Contenido de la página -->
    <button id="myButton">Haz clic</button>
</body>

#html #javascript

Simple JavaScript

@paulperezsv

document.addEventListener('DOMContentLoaded', function() {
    var button = document.getElementById('myButton');
    button.addEventListener('click', function() {
        alert('¡Haz hecho clic en el botón!');
    });
});

#html #css

Simple CSS

@paulperezsv

body {
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
}

h1 {
    color: #333333;
}

p {
    color: #666666;
}

ul {
    color: #777777;
}

#html

Simple Body

@paulperezsv

<body>
    <h1>Bienvenido a mi página web</h1>
    <p>¡Hola a todos! Esta es mi primera página web.</p>
    <ul>
        <li>Elemento 1</li>
        <li>Elemento 2</li>
        <li>Elemento 3</li>
    </ul>
</body>

#html

Simple HTML

@paulperezsv

<!DOCTYPE html>
<html>
<head>
      <title>Mi Página Web</title>
      <link rel="stylesheet" type="text/css" href="styles.css">
      <script src="script.js"></script>
</head>
<body>
      <!-- Contenido de la página -->
</body>
</html>

How to Make Forgot Password in Codeigniter

@Kassim

copytext

Create form eos-document-control

@rkosir

        <eos-document-control
          [formControl]="form.controls.documents"
          [buttonRendererOptions]="{buttonText: '§§ Choose documents' | transloco }"
          [labelOnTop]="true"
          [mode]="'multiple'"
          [selectedOptionsRenderer]="selectedOptionsRendererTpl"
          label="{{ 'documents' | transloco }}"
        ></eos-document-control>

        <ng-template #selectedOptionsRendererTpl let-selectedDocuments>
          <div *ngFor="let document of selectedDocuments"
               class="flex mt-2 gap-half"
          >
            <div class="flex flex-1 justify-between">
              {{ document.label }}
              <eos-icon
                (click)="removeDocument(document, $event)"
                class="m-0 cursor-pointer"
                icon="remove-circle-2"
                width="18"
              ></eos-icon>
            </div>
          </div>
        </ng-template>


  removeDocument(document: DocumentControlDocument, event: MouseEvent): void {
    event.stopPropagation();

    const control = this.form.controls.documents;
    control.setValue(control.value.filter(value => value.id !== document.id));
  }

#r

filter values in column

@vs

# data.table
dt[col %in% c("val1", "val2")]

#react.js #css #javascript

Attempted import error: 'useHistory' is not exported from 'react-router-dom'

@JISSMONJOSE

In react-router-dom v6 useHistory() is replaced by useNavigate()

import { useNavigate } from 'react-router-dom';
const navigate = useNavigate();
navigate('/home');

#html

keuzedeel

@MAKEOUTHILL

<!DOCTYPE html>
<html>
<head>
  <title>keuze deel portfolio</title>
  <meta charset="UTF-8">
</head>
<body>
  <header>
    <h1>Hey im your new web-developer</h1>
     <a> href="#"> class="call-to-action>Contact me for a little chat</a>
  </header>
  <nav>
    <ul>
      <li><a href="#">link</a></li>
      <li><a href="#">link</a></li>
      <li><a href="#">link</a></li>
      <li><a href="#">link</a></li>
    </ul>
  </nav>
  <main>
    <h2>about me</h2>
    <p> Hello, I am a web developer passionate about creating awesome websites.</p>
     <h2>Wat gaat het kosten</h2>
     <p>Duis arcu massa, scelerisque vitae,
         consequat in,
          pretium a, enim. Pellentesque congue.
           Ut in risus volutpat libero pharetra tempor.
            Cras vestibulum bibendum augue. Praesent egestas leo in pede.
             Praesent blandit odio eu enim.
     </p>
<ul>
    <li>kostem 1</li>  
    <li>kosten 2</li>
    <li>kosten 3</li>
    <li>kosten 3</li>
    <li>kosten 3</li>
    <li>kosten 3</li>
</ul>

This code demonstrates the case sensitivity of JavaScript

@Tejaswini

Var message = "JavaScript is Awesome"; //var should be used to declare a variable  

function execute()   
{  
 console.log(message)// error!
}   
execute();

#c++ #dfs #bst #dynamic_programming #combinatorics

Number of Ways to Reorder Array to Get Same BST

@DxBros

class Solution {
public:
    int numOfWays(vector<int>& nums) {
        int m = nums.size();
        
        table.resize( m + 1);
        for(int i = 0; i < m + 1; ++i){
            table[i] = vector<long long> (i+1, 1);
            for(int j = 1; j < i ; ++j)
                table[i][j] = (table[i-1][j-1] + table[i-1][j])%mod;
        }
        return (dfs(nums) - 1) % mod;
    }
private:
    vector<vector<long long>> table;
    long long mod = 1e9+7;
    
    long long dfs(vector<int>& nums){
        int m = nums.size();
        if( m  < 3)
            return 1;
        vector<int> leftNodes, rightNodes;
        for(int i = 1; i < m ; i++){
            if( nums[i] < nums[0])
                leftNodes.push_back(nums[i]);
            else
                rightNodes.push_back(nums[i]);
        }
        long long leftWays = dfs(leftNodes) % mod;
        long long rightWays = dfs(rightNodes) % mod;
        return (((leftWays * rightWays) % mod) * table[m-1][leftNodes.size()])%mod;
    }
};

#bookmarkletsgmail #gmail #tips_and_tricks #send_current_page_link_via_gmail #send #link

Send current page link via Gmail

@djxpat254

javascript:(function(){popw='';Q='';d=document;w=window;if(d.selection){Q=d.selection.createRange().text;}else if(w.getSelection){Q=w.getSelection();}else if(d.getSelection){Q=d.getSelection();}popw=w.open('http://mail.google.com/mail/s?view=cm&fs=1&tf=1&to=&su='+encodeURIComponent(d.title)+'&body='+encodeURIComponent(Q)+encodeURIComponent(d.location)+'&zx=RANDOMCRAP&shva=1&disablechatbrowsercheck=1&ui=1','gmailForm','scrollbars=yes,width=680,height=575,top=175,left=75,status=no,resizable=yes');if(!d.all)setTimeout(function(){popw.focus();},50);})();

如何防止他人恶意调试你的web程序 - 掘金

@adoin

(() => {
    function block() {
        if (
            window.outerHeight - window.innerHeight > 200 ||
            window.outerWidth - window.innerWidth > 200
        ) {
            document.body.innerHTML =
                "检测到非法调试,请关闭后刷新重试!";
        }
        setInterval(() => {
            (function () {
                return false;
            }
                ["constructor"]("debugger")
                ["call"]());
        }, 50);
    }
    try {
        block();
    } catch (err) {}
})();

#react.js #css #javascript

Bootstrap modal creation - Prompt Chatgpt

@JISSMONJOSE

"""
 <Link to="/wills/quick-booking">
                    <span className="box-title">
                      Book Quick Appointment
                    </span>
                  </Link>
  """                
                  
You are a experienced react developer.
  
currently when user clicks on above link, moves to `/wills/quick-booking` route. 
what you need to do is to first show a bootstrap modal popup before moving to that route. 
so you have to show a modal popup before moving to above quick booking page.
you have to also create a modal pop using boostrap. 

modal contents were given below:

Heading or title
-------------------
Confirm


Content or Subcontent 
--------------------
Testators may enter minimum information to secure an appointment. 
Full details must be completed 72 hours prior to the booking date to avoid appointment cancellation. 
Registered Will Draftsmen are requested to refrain from using the quick booking option

Two Buttons
---------
Continue Button - When user clicks on this button, it moves to /wills/quick-booking to open quick booing page.
Cancel Button - Close the modal popup and not redirected to above route.


No need to apply any styling as of now. We can do it later on. You have to use boostrap modal.

shopify 国情報取る

@akairo0902

<script>
  const url = '/browsing_context_suggestions.json';

  // Fetch APIを使用してデータを取得します
  fetch(url)
    .then(response => {
      // レスポンスをJSONに変換します
      return response.json();
    })
    .then(data => {
      // JSONデータを使用して条件をチェックします
      if (data.detected_values.country.handle !== 'JP') {
        // 'JP'でない場合、リダイレクトします
        window.location.href = 'https://www..com/';
      }
    })
    .catch(error => {
      // エラーが発生した場合の処理を行います
      console.error('データを取得できませんでした', error);
    });
</script>

#javascript

mongodb mongoose

@danishyt96

const mongoose = require("mongoose");

mongoose.connect("mongodb://127.0.0.1:27017/base").then(() =>{
    console.log("server connectet to mongodb");
}).catch((err) =>{
    console.log(err);
});

const student = new mongoose.Schema({
    name: String,
    class: Number,
    study: Boolean
});

const Student = new mongoose.model("data", student);

const adder = async () =>{
    const detail = await Student.create({
        name: "Alex",
        class: 5,
        study: true
    });

};

adder();

字符串是否是 JSON 字符串

@luoqi2hao

const isValidJSON = str => {
  try {
    JSON.parse(str);
    return true;
  } catch (e) {
    return false;
  }
};

isValidJSON('{"name":"Adam","age":20}'); // true
isValidJSON('{"name":"Adam",age:"20"}'); // false
isValidJSON(null); // true

#react.js #css #javascript

Bootstrap Modal Development

@JISSMONJOSE

Sure! I can help you with that. Here's an example of how you can create a Bootstrap modal in React and use it to show a confirmation popup before redirecting to the `/wills/quick-booking` route:

First, make sure you have the Bootstrap CSS and JS files included in your project.

Next, create a new React component called `ConfirmationModal`:

```jsx
import React from 'react';
import { Modal, Button } from 'react-bootstrap';

const ConfirmationModal = ({ show, handleClose, handleContinue }) => {
  return (
    <Modal show={show} onHide={handleClose}>
      <Modal.Header closeButton>
        <Modal.Title>Confirm</Modal.Title>
      </Modal.Header>
      <Modal.Body>
        <p>Testators may enter minimum information to secure an appointment.</p>
        <p>
          Full details must be completed 72 hours prior to the booking date to avoid appointment cancellation.
        </p>
        <p>Registered Will Draftsmen are requested to refrain from using the quick booking option.</p>
      </Modal.Body>
      <Modal.Footer>
        <Button variant="secondary" onClick={handleClose}>
          Cancel
        </Button>
        <Button variant="primary" onClick={handleContinue}>
          Continue
        </Button>
      </Modal.Footer>
    </Modal>
  );
};

export default ConfirmationModal;
```

In your main component where the link is located, you can use the `ConfirmationModal` component and handle its state:

```jsx
import React, { useState } from 'react';
import { Link, useHistory } from 'react-router-dom';
import ConfirmationModal from './ConfirmationModal';

const MainComponent = () => {
  const [showModal, setShowModal] = useState(false);
  const history = useHistory();

  const handleShowModal = () => {
    setShowModal(true);
  };

  const handleCloseModal = () => {
    setShowModal(false);
  };

  const handleContinue = () => {
    handleCloseModal();
    history.push('/wills/quick-booking');
  };

  return (
    <div>
      <Link to="/wills/quick-booking" onClick={handleShowModal}>
        <span className="box-title">Book Quick Appointment</span>
      </Link>
      <ConfirmationModal
        show={showModal}
        handleClose={handleCloseModal}
        handleContinue={handleContinue}
      />
    </div>
  );
};

export default MainComponent;
```

In the above example, the `MainComponent` renders a link with the class name `box-title`, and when clicked, it calls the `handleShowModal` function to show the modal popup. The modal is conditionally rendered based on the `showModal` state.

The `ConfirmationModal` component receives three props: `show` (to determine whether the modal should be displayed), `handleClose` (to close the modal), and `handleContinue` (to handle the continue button click and redirect to the desired route).

When the user clicks "Continue" in the modal, the `handleContinue` function is called, which first closes the modal and then uses the `useHistory` hook from React Router to navigate to the `/wills/quick-booking` route.

Remember to adjust the code and import the necessary dependencies based on your project structure and setup.

I hope this helps! Let me know if you have any further questions.

#react.js #css #javascript

branch name create prompt codeium

@JISSMONJOSE

you have to suggest me a branch name in which i implement UI of confirm modal pop up. branch name should follow convention.

#c++

ope.c( dont share)

@codehub

#include <stdio.h>
#include <stdlib.h>
#include <time.h>

int ARRAY_SIZE = 100;

int *R; 

void generateRandomNumbers() {
    int i;
    R = (int *)malloc(ARRAY_SIZE * sizeof(int));
    if (R == NULL) {
        printf("Memory allocation failed.\n");
        exit(1);
    }

    srand(time(NULL));
    for (i = 0; i < ARRAY_SIZE; i++) {
        R[i] = i + 1;
    }

    for (i = ARRAY_SIZE - 1; i > 0; i--) {
        int j = rand() % (i + 1);
        int temp = R[i];
        R[i] = R[j];
        R[j] = temp;
    }
}

int encrypt(int p) {
    int i, c = 0;
    for (i = 0; i < p; i++) {
        c += R[i];
    }
    return c;
}

int decrypt(int c) {
    int i, sum = 0;
    for (i = 0; i < ARRAY_SIZE; i++) {
        sum += R[i];
        if (sum >= c) {
            return i + 1;
        }
    }
    return -1;
}

int main() {
    int plainValues[] = {92, 95, 22};
    int cipher[] = {0,0,0};

    generateRandomNumbers();

    printf("Encryption:\n");
    for (int i = 0; i < 3; i++) {
        cipher[i] = encrypt(plainValues[i]);
        printf("Plain: %d\tCipher: %d\n", plainValues[i], cipher[i]);
    }

    printf("\nDecryption:\n");
    for (int i = 0; i < 3; i++) {
        int plain = decrypt(plainValues[i]);
        printf("Cipher: %d\tPlain: %d\n",cipher[i] , plainValues[i]);
    }

    free(R); // Free the allocated memory

    return 0;
}

#python

recursion of premutation

@Souvikdas

def get_permutations(string):
    # Base case: If the string is empty, return an empty list
    if len(string) == 0:
        return []

    # Base case: If the string has only one character, return a list with that character
    if len(string) == 1:
        return [string]

    permutations = []  # List to store permutations

    # Iterate through each character in the string
    for i in range(len(string)):
        current_char = string[i]

        # Generate all permutations of the remaining characters
        remaining_chars = string[:i] + string[i+1:]
        remaining_perms = get_permutations(remaining_chars)

        # Append the current character to each permutation of the remaining characters
        for perm in remaining_perms:
            permutations.append(current_char + perm)

    return permutations

# Example usage
input_string = "abc"
permutations_list = get_permutations(input_string)
print(permutations_list)

DOM元素节点对应的属性值

@luoqi2hao

const getStyle = (el, ruleName) => getComputedStyle(el)[ruleName];

getStyle(document.querySelector('p'), 'font-size'); // '16px'

值、键、对象本身，进行迭代对象

@luoqi2hao

const forOwn = (obj, fn) => Object.keys(obj).forEach(key => fn(obj[key], key, obj));
forOwn({ foo: 'bar', a: 1 }, v => console.log(v)); // 'bar', 1

接收两个DOM元素对象参数，判断后者是否是前者的子元素

@luoqi2hao

const elementContains = (parent, child) => parent !== child && parent.contains(child);

elementContains(document.querySelector('head'), document.querySelector('title')); // true
elementContains(document.querySelector('body'), document.querySelector('body')); // false

按照给的的函数条件筛选数组，不满足函数条件的将从数组中移除

@luoqi2hao

const dropWhile = (arr, func) => {
  while (arr.length > 0 && !func(arr[0])) arr = arr.slice(1);
  return arr;
};

dropWhile([1, 2, 3, 4], n => n >= 3); // [3,4]

通过递归的形式，将多维数组展平成一维数组

@luoqi2hao

const deepFlatten = arr => [].concat(...arr.map(v => (Array.isArray(v) ? deepFlatten(v) : v)));

deepFlatten([1, [2], [[3], 4], 5]); // [1,2,3,4,5]

统计数组中某个值出现的次数

@luoqi2hao

const countOccurrences = (arr, val) => arr.reduce((a, v) => (v === val ? a + 1 : a), 0);
countOccurrences([1, 1, 2, 1, 2, 3], 1); // 3

将数组中移除值为 false 的内容

@luoqi2hao

const compact = arr => arr.filter(Boolean);

compact([0, 1, false, 2, '', 3, 'a', 'e' * 23, NaN, 's', 34]); 
// [ 1, 2, 3, 'a', 's', 34 ]

#bash

undo last commit (won't delete files but need to stage them again)

@vs

git reset --mixed HEAD~1

#async #await #fetch

Learn Intermediate JavaScript | Codecademy

@neel

https://www.codecademy.com/courses/learn-intermediate-javascript/lessons/js-requests-with-fetch-api/exercises/making-an-async-get-request

cat catx cats

@ddover

ACHD_ICD9 = catx(' ', ACHD_ICD9, ICD9); *delimited*;

ACHD_ICD9 = cats(ACHD_ICD9,'--',ICD9);  *no delimiter*;

javascript - Toggle visibility using v-show or v-if in Vue while using a setTimeout function - Stack Overflow

@oday

updateProduct(product) {
  this.isHidden = true;
  setTimeout(() => {
    //do a bunch of tasks that work correctly... 
    axios.post('/api/product/' + product.id, data)
      .then(function(response) {
        console.log(response);
      }).catch(function(error) {
        console.log(error);
      });
    this.isHidden = false;
  }, 2000);
}

Success & Fraud Numbers

@shubhangi_burle

%jdbc(hive)
set tez.queue.name=phonepe_verified;
set hive.execution.engine=tez;

SELECT A.txn_year
, A.txn_mnth
, A.txn_mnth_Overall_Success_Cnt
, A.txn_mnth_Overall_Success_Amt_INR
, A.txn_mnth_Overall_Fraud_Cnt		
, A.txn_mnth_Overall_Fraud_Amt_INR
, A.txn_mnth_Overall_Amt_fraud_perc
, A.txn_mnth_CC_DC_Success_Cnt
, A.txn_mnth_CC_DC_Success_Amt_INR
, A.txn_mnth_CC_DC_Fraud_Cnt		
, A.txn_mnth_CC_DC_Fraud_Amt_INR
, A.txn_mnth_CC_DC_Amt_fraud_perc
, B.Rep_mnth_Overall_Fraud_Cnt		
, B.Rep_mnth_Overall_Fraud_Amt_INR
, B.Rep_mnth_Overall_Fraud_Amt_INR / A.txn_mnth_Overall_Success_Amt_INR AS Rep_mnth_fraud_overall_perc
, B.Rep_mnth_CC_DC_Fraud_Cnt		
, B.Rep_mnth_CC_DC_Fraud_Amt_INR
, B.Rep_mnth_CC_DC_Fraud_Amt_INR / A.txn_mnth_CC_DC_Success_Amt_INR AS Rep_mnth_fraud_CC_DC_perc
FROM
    (SELECT txn_year
    , txn_mnth
    , SUM(NVL(successful_txn, 0)) AS txn_mnth_Overall_Success_Cnt
    , SUM(NVL(successful_amount, 0)) AS txn_mnth_Overall_Success_Amt_INR
    , SUM(NVL(fraud_cnt, 0)) AS txn_mnth_Overall_Fraud_Cnt		
    , SUM(NVL(fraud_amt, 0)) AS txn_mnth_Overall_Fraud_Amt_INR
    , SUM(NVL(fraud_amt, 0)) / SUM(successful_amount) AS txn_mnth_Overall_Amt_fraud_perc
    
    , SUM(CASE WHEN instrument_type IN ('A2: Credit Card', 'A3: Debit Card') THEN NVL(successful_txn, 0) ELSE 0 END) AS txn_mnth_CC_DC_Success_Cnt
    , SUM(CASE WHEN instrument_type IN ('A2: Credit Card', 'A3: Debit Card') THEN NVL(successful_amount, 0) ELSE 0 END) AS txn_mnth_CC_DC_Success_Amt_INR
    , SUM(CASE WHEN instrument_type IN ('A2: Credit Card', 'A3: Debit Card') THEN NVL(fraud_cnt, 0) ELSE 0 END) AS txn_mnth_CC_DC_Fraud_Cnt		
    , SUM(CASE WHEN instrument_type IN ('A2: Credit Card', 'A3: Debit Card') THEN NVL(fraud_amt, 0) ELSE 0 END) AS txn_mnth_CC_DC_Fraud_Amt_INR
    , SUM(CASE WHEN instrument_type IN ('A2: Credit Card', 'A3: Debit Card') THEN NVL(fraud_amt, 0) ELSE 0 END) / 
            SUM(CASE WHEN instrument_type IN ('A2: Credit Card', 'A3: Debit Card') THEN successful_amount ELSE 0 END) AS txn_mnth_CC_DC_Amt_fraud_perc
            
    from fraud.pod_metrics_master
    WHERE categories = 'B08: PhonePe EGV' 
    -- AND txn_year = 2023 AND txn_mnth = 5 AND 
    GROUP BY txn_year, txn_mnth)A
LEFT JOIN
    (SELECT reported_year
    , reported_month
    , SUM(NVL(fraud_cnt, 0)) AS Rep_mnth_Overall_Fraud_Cnt		
    , SUM(NVL(fraud_amt, 0)) AS Rep_mnth_Overall_Fraud_Amt_INR
    , SUM(CASE WHEN instrument_type IN ('A2: Credit Card', 'A3: Debit Card') THEN NVL(fraud_cnt, 0) ELSE 0 END) AS Rep_mnth_CC_DC_Fraud_Cnt		
    , SUM(CASE WHEN instrument_type IN ('A2: Credit Card', 'A3: Debit Card') THEN NVL(fraud_amt, 0) ELSE 0 END) AS Rep_mnth_CC_DC_Fraud_Amt_INR
    from fraud.pod_metrics_master
    WHERE categories = 'B08: PhonePe EGV' 
    -- AND reported_year = 2023 AND reported_month = 5 AND 
    GROUP BY reported_year, reported_month)B
ON A.txn_year = B.reported_year AND A.txn_mnth = B.reported_month
ORDER BY A.txn_year, A.txn_mnth

Hoe je ervoor zorgt dat je bij een checkbox, minimaal 1 optie moet selecteren

@Amber

<form id="myForm">
  <label>
    <input type="checkbox" name="option" value="option1"> Optie 1
  </label>
  <label>
    <input type="checkbox" name="option" value="option2"> Optie 2
  </label>
  <label>
    <input type="checkbox" name="option" value="option3"> Optie 3
  </label>
  <button type="submit">Verzenden</button>
</form>

<script>
  const form = document.getElementById('myForm');
  const checkboxes = form.querySelectorAll('input[type="checkbox"][name="option"]');
  
  form.addEventListener('submit', function(event) {
    if (!isAtLeastOneChecked(checkboxes)) {
      event.preventDefault(); // Voorkom dat het formulier wordt verzonden
      alert('Selecteer minimaal één optie.');
    }
  });
  
  function isAtLeastOneChecked(checkboxes) {
    for (let i = 0; i < checkboxes.length; i++) {
      if (checkboxes[i].checked) {
        return true; // Er is minimaal één optie geselecteerd
      }
    }
    return false; // Er is geen optie geselecteerd
  }
</script>

Wanneer iemand 'other kiest' en je een textfield wilt laten zien.

@Amber

<label>
  <input type="checkbox" name="options[]" value="other"> Other
</label>
<input type="text" name="otherText" id="otherText" placeholder="Specify other option" style="display: none;">

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('input[name="options[]"]').on('change', function() {
      if ($(this).is(':checked') && $(this).val() === 'other') {
        $('#otherText').show();
      } else {
        $('#otherText').hide();
      }
    });
  });
</script>

Dit is hoe je ervoor zorgt dat de data in 'sign-up.ejs' wordt gepost in 'overview.ejs'

@Amber

// server.js

const express = require('express');
const app = express();
const bodyParser = require('body-parser');

app.use(bodyParser.urlencoded({ extended: true }));

app.post('/verwerk-formulier', (req, res) => {
  // Ontvang de formuliergegevens van req.body
  const naam = req.body.naam;
  const email = req.body.email;
  
  // Verwerk de gegevens naar wens
  // ...
  
  // Stuur een antwoord terug naar de client
  res.send('Bedankt voor het indienen van het formulier!');
});

app.listen(8000, () => {
  console.log('Server luistert op poort 8000');
});

#nodejs

Formulier verwerken en sturen naar de overzicht

@Amber

<form action="/overview.ejs" method="POST">
  <!-- Formulierinvoervelden -->
  <input type="text" name="naam">
  <input type="email" name="email">
  
  <!-- Formulierverzendknop -->
  <button type="submit">Verzenden</button>
</form>

#python

Reversing a String In Python Using Recursion

@fridah

string = "Hello World"


def reversing_string(string):
    if (string == ""):
        return ""
    return reversing_string(string[1:]) + string[0]


str = reversing_string(string)
print(str)

Test sensor(MQ-8 and the orange one)

@Abathur123

int input0 = A0; 
int input1 = A1;
int input2 = A2;
int MQ2_sen_arr[10];
int output = 7;
int thr = 500; // Set threshold level. 
 
void setup() {
  Serial.begin(9600);
  pinMode(output ,OUTPUT);
  digitalWrite(output, LOW);
}
 
void loop() {
  Serial.println(String(analogRead(input0)) + " " + String(analogRead(input1))+ " " + String(analogRead(input2)));
  for(int i=0;i<=10;i++) {
  MQ2_sen_arr[i]=input0;
  }
}

#brc20walletdevelopment #brc-20tokenwallet development

Crypto Wallet Development Services: Building Next-Gen Cryptocurrency Wallets for Secure Transactions

@miaasher

https://www.antiersolutions.com/cryptocurrency-wallet-app-development/

GTM Script

@Shira

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QMK6SQ6YJG"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-QMK6SQ6YJG');
</script>

adding Floater to specific pages and excluding other

@Shira

<!-- FareHarbour -->
<script src="https://fareharbor.com/embeds/api/v1/?autolightframe=yes" async defer></script>




********* EXCLUDING *********
<script type="text/javascript">
jQuery(document).ready(function($){
var fhLinks = "https://fareharbor.com/embeds/book/cornerstonestud/?full-items=yes&flow=234870";
var pages = ["https://www.cornerstonestud.co.nz/","https://www.cornerstonestud.co.nz/classic-alpaca-tours.html", "https://www.cornerstonestud.co.nz/alpaca-tour-cn.html",  "https://www.cornerstonestud.co.nz/childrens-birthday-parties.html", "https://www.cornerstonestud.co.nz/soap-felting-workshop.html", "https://www.cornerstonestud.co.nz/alpaca-sales-services.html", "https://www.cornerstonestud.co.nz/alpaca-info.html", "https://www.cornerstonestud.co.nz/contact-us.html", "https://www.cornerstonestud.co.nz/about-us.html", "https://www.cornerstonestud.co.nz/local-attractions.html", "https://www.cornerstonestud.co.nz/news", "https://www.cornerstonestud.co.nz/caring-for-our-environment.html", "https://www.cornerstonestud.co.nz/walk-an-alpaca-tour.html", "https://www.cornerstonestud.co.nz/meet-and-feed.html", "https://www.cornerstonestud.co.nz/pickup-tour-auckland--hamilton.html", "https://www.cornerstonestud.co.nz/alpaca-feeding-trail.html", "https://www.cornerstonestud.co.nz/lunch-leading-tour.html", "https://www.cornerstonestud.co.nz/alpaca-tours-601914.html", "https://www.cornerstonestud.co.nz/winter-farm-tours.html"];
pages.find((page, i) => {
if(window.location.href == page){
$('body').append('<a href='+fhLinks+' class="fh-fixed--bottom fh-shape--square fh-icon--cal fh-button-flat">BOOK NOW</a>');
}else {
	$('.fh-fixed-bottom').remove();
}
});
});
</script>



OR *******


<script type="text/javascript">
    jQuery(document).ready(function($){
        var fhLinks = "https://fareharbor.com/embeds/book/transserrano/?full-items=yes";
        var pages = ["https://www.transserrano.com/portfolio-item/caminhada-aquatica/", "https://www.transserrano.com/portfolio-item/caminhada-aquatica-poco-da-cesta/", "https://www.transserrano.com/portfolio-item/passeio-4x4-aldeias-do-xisto-lousa/", "https://www.transserrano.com/portfolio-item/passeio-4x4-serra-da-estrela/", "https://www.transserrano.com/portfolio-item/passeio-4x4-serra-do-acor/", "https://www.transserrano.com/portfolio-item/passeio-4x4-serra-do-sico/", "https://www.transserrano.com/portfolio-item/vantour-aldeias-do-xisto-da-lousa/", "https://www.transserrano.com/portfolio-item/vantour-vale-do-ceira/", "https://www.transserrano.com/portfolio-item/vantour-serra-da-estrela/", "https://www.transserrano.com/portfolio-item/vantour-piodao-e-benfeita/", "https://www.transserrano.com/portfolio-item/canyoning-ribeira-da-pena/", "https://www.transserrano.com/portfolio-item/canyoning-ribeira-das-quelhas/", "https://www.transserrano.com/portfolio-item/canyoning-rio-teixeira/", "https://www.transserrano.com/portfolio-item/canyoning-rio-frades/", "https://www.transserrano.com/portfolio-item/canyoning-rio-vessadas/", "https://www.transserrano.com/portfolio-item/canoagem-rio-mondego/", "https://www.transserrano.com/portfolio-item/canoagem-rio-mondego-noturna/", "https://www.transserrano.com/portfolio-item/canoagem-rio-alva/", "https://www.transserrano.com/portfolio-item/canoagem-alva-moura-morta/", "https://www.transserrano.com/portfolio-item/caminhada-do-piodao/", "https://www.transserrano.com/portfolio-item/caminhada-da-mata-da-margaraca/", "https://www.transserrano.com/portfolio-item/caminhada-das-aldeias-do-xisto-de-gois/", "https://www.transserrano.com/portfolio-item/caminhada-das-aldeias-de-xisto-da-lousa/", "https://www.transserrano.com/portfolio-item/caminhada-da-garganta-de-loriga/", "https://www.transserrano.com/portfolio-item/paintball/", "https://www.transserrano.com/portfolio-item/espeologia/", "https://www.transserrano.com/portfolio-item/caca-ao-tesouro/", "https://www.transserrano.com/portfolio-item/multiatividades-slide-rapel-escalada/", "https://www.transserrano.com/portfolio-item/orientacao/", "https://www.transserrano.com/portfolio-item/aluguer-de-e-bikes/"];
        pages.find((page, i) => {
            if(window.location.href == page){
                $('body').append('<a href='+fhLinks+' style="font-size:1.5em !important; font-weight: bold !important; letter-spacing: 1.6px !important;  padding: .2em 2.2em !important; box-shadow:none !important; font-family: \'Titillium Web\', Arial, Tahoma, sans-serif !important;" class="fh-icon--cal fh-lang fh-shape--square fh-hide--mobile fh-color--black fh-fixed--side fh-button-true-flat-color">Reserve atividades</a>');
                $('body').append('<a href='+fhLinks+' style="font-weight: bold !important; letter-spacing: 1.6px !important;  padding: .2em 2.2em !important; box-shadow:none !important; font-family: \'Titillium Web\', Arial, Tahoma, sans-serif !important;" class="fh-lang fh-shape--square fh-hide--desktop fh-size--small fh-color--black fh-fixed--side fh-button-true-flat-color">Reserve atividades</a>');
            }
        });
    });
</script>

python - Use beautifulsoup to get a youtube video‘s information - Stack Overflow

YouTube

get day

Class attr

row component

cli

Eos-document-control ION

Simple Body

Simple JavaScript

Simple CSS

Simple Body

Simple HTML

How to Make Forgot Password in Codeigniter

Create form eos-document-control

filter values in column

Attempted import error: 'useHistory' is not exported from 'react-router-dom'

keuzedeel

This code demonstrates the case sensitivity of JavaScript

Number of Ways to Reorder Array to Get Same BST

Send current page link via Gmail

如何防止他人恶意调试你的web程序 - 掘金

Bootstrap modal creation - Prompt Chatgpt

shopify 国情報取る

mongodb mongoose

字符串是否是 JSON 字符串

Bootstrap Modal Development

branch name create prompt codeium

ope.c( dont share)

recursion of premutation

DOM元素节点对应的属性值

值、键、对象本身，进行迭代对象

接收两个DOM元素对象参数，判断后者是否是前者的子元素

按照给的的函数条件筛选数组，不满足函数条件的将从数组中移除

通过递归的形式，将多维数组展平成一维数组

统计数组中某个值出现的次数

将数组中移除值为 false 的内容

undo last commit (won't delete files but need to stage them again)

Learn Intermediate JavaScript | Codecademy

cat catx cats

javascript - Toggle visibility using v-show or v-if in Vue while using a setTimeout function - Stack Overflow

Success & Fraud Numbers

Hoe je ervoor zorgt dat je bij een checkbox, minimaal 1 optie moet selecteren

Wanneer iemand 'other kiest' en je een textfield wilt laten zien.

Dit is hoe je ervoor zorgt dat de data in 'sign-up.ejs' wordt gepost in 'overview.ejs'

Formulier verwerken en sturen naar de overzicht

Reversing a String In Python Using Recursion

Test sensor(MQ-8 and the orange one)

Crypto Wallet Development Services: Building Next-Gen Cryptocurrency Wallets for Secure Transactions

GTM Script

adding Floater to specific pages and excluding other

Save snippets that work with our extensions