Blancer.com Tutorials and projects

can solve this question for me? this look like a hard question. Do u all have any suggestion of this question which a turing machine to delete k-th element. This is a question about the theory of computation. I expect to get a solution of this question. pls help. enter image description here

I’m trying to build a dynamic coffee shop menu for a project, kind of like the 7 Brew Menu, where each category (like drinks, flavors, add-ons, etc.) updates based on user selection.

I’m using HTML, CSS, and vanilla JavaScript, but I’m not sure how to structure the data so it’s easy to update and display.

For example:

When a user clicks on “Iced Drinks,” it should show only iced drink items.

Each item should have a name, price, and maybe an image.

What’s the best way to store and render this kind of data — should I use an array of objects or fetch it from a JSON file?

Any advice or code examples would be super helpful!

What I tried:
I tried creating an array of menu items in JavaScript and displaying them using a simple forEach loop. It works, but all items show at once instead of updating when I select a category (like “Iced Drinks” or “Blended Drinks”).

What I expected:
I expected only the selected category items to display — similar to how the 7 Brew Menu updates depending on drink type.

What actually happened:
All the menu items appeared together on the page, and the filter buttons didn’t change the displayed results.

I’m building a simple component in Vue 3 that uses v-model to bind an input field.
When I set the variable value inside mounted(), it updates correctly in the paragraph but the input itself stays empty.
Here’s my component:

<template>
  <div>
    <input type="text" v-model="name">
    <p>{{ name }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return { name: '' }
  },
  mounted() {
    this.name = 'John'
  }
}
</script>

I tried setting the initial value directly in the data() function and it worked, but I need to assign it dynamically later.
I also checked the browser console and saw no errors.
I expected the input to show “John” automatically when the component loads, but it only updates when I type something manually.
Why doesn’t the input reflect the data value on mount?

Unlike the past, Google’s new PlaceAutocompleteElement imposes its own styling on the input and it clashes with my site.

In particular, the width is not full-width / fill. I see Google allows a small handful of overrides. However, is there any way to ensure the autocomplete to fills its container?

In one example, the autocomplete is appended to the body and it does fill the width. In another example, the autocomplete appears to be constrained. But neither examples explain how the width is controlled.

I did try the following and it does not work:

const autocompleteElement = new window.google.maps.places.PlaceAutocompleteElement()
autocompleteElement.style.colorScheme = "light"
autocompleteElement.style.width="100%"
autocompleteElement.width = "100%"
myElement.appendChild(autocompleteElement)

Currently creating a simple React project which displays the date and shows future / past dates based on the user inputting the number of days difference. The date I’ve inputted as the date to measure from doesn’t come up as the same when on the Browser. I have no idea why this has happened but I’m assuming its something with Vite because this doesn’t happen when not using it.
Code for displaying time
Browser Output

Initially tried showing the current date with ‘new Date()’ but even with a specific date (e.g. new Date(‘october 04 2025’), a completely different date is logged by the console.

This is my first time of integrating payment gateway to my website using official paystack-node sdk package in my node.js application, but after following through the documentation i’m facing this error: PayStackAPIError: Bearer Authorization header may not have been set | Unauthorized (401).

This is my code sequence on the server side:

    const Paystack = require('paystack-node');
    const {PaystackPaymentSetupValidator,throwValidationError} = require('../utils/schemas');
    const router = require('express').Router();
    const ExpressError = require('../utils/express_error');
    const paystack = new Paystack(process.env.PAYSTACK_SECRET_KEY, process.env.NODE_ENV);
    const _isDevt = (process.env.NODE_ENV !== 'production');
    const callback_url = process.env.PAYSTACK_CALLBACK_URL;

// Middleware to validate Paystack requests
    const _validateRequest = async (req, resp, next) => {
        try{
            const {req_typ} = req.body;
            const {error} = await req_typ=='paystack-payment-setup-req'? PaystackPaymentSetupValidator.validate(req.body,{abortEarly:false}) : throwValidationError(req.body);
            if (error) {
                let msg = error? error.details.map(el => el.message).join('n# ') : 'Invalid Session Data!';
                if(_isDevt){
                    console.log('validation err:',error,msg);
                    msg = `n# ${msg}.`;
                } else {
                    msg = '';
                } // end if
                req.app.locals.appfx.log(new ExpressError('Validation Error',msg,0,req.body));
                return resp.send({error: {text: msg||'Invalid Request format.'}});
            } // end if
            return next();
        } catch(err) {
            if(_isDevt){
                console.log('catch err:',error);
            } // end if
            req.app.locals.appfx.log(error);
            return resp.send({error: {text:`Request Error!${_isDevt?`n${error}`:''}`}});
        } // end catch    
    } // end fx

    // Middleware to initialize Paystack
    const _initiatePayment = async (req, resp) => {
        try {
            const {email, amount, metadata} = req.body;
            const response = await paystack.initializeTransaction({
                email: email,
                amount: amount * 100, // Amount in kobo
                metadata: metadata || {},
                callback_url: callback_url
            });
            console.log('resp:',response);
            if(response.status) {
                return resp.send({success: {text: 'Paystack initialized successfully.', data: response.data}});
            } else {
                return resp.status(400).send({error: {text: 'Failed to initialize Paystack transaction.'}});
            } // end if
        } catch (error) {
            if(_isDevt){
                console.log('catch err:',error);
            } // end if
            req.app.locals.appfx.log(error);
            return resp.status(500).send({error: {text:`Request Error!${_isDevt?`n${error}`:''}`}});        
        } // end catch
    } // end fx

    // Middleware to verify Paystack transaction
    const _verifyPayment = async (req, resp, next) => {
        const {reference} = req.body||req.query;
        if(!reference) {
            return resp.status(400).send({error: {text: 'Transaction reference is required.'}});
        } // end if
        try {
            const response = await paystack.verifyTransaction({reference});
            // Handle successful verification (e.g., update order status)
            if(response.data.status && response.data.data.status === 'success') {
                req.transaction = response.data.data;
                return next();
            } else {
                return resp.status(400).send({error: {text: 'Transaction verification failed.'}});
            } // end if
        } catch (error) {
            if(_isDevt){
                console.log('catch err:',error);
            } // end if
            req.app.locals.appfx.log(error);
            return resp.status(500).send({error: {text: 'An error occurred while verifying the transaction.'}});
        } // end catch
    } // end fx

    // Define routes
    router.get('/', (req, resp) => {
        return resp.render('paystack', { title: 'Paystack Payment Gateway Handler', user: req.user, _csrf: req.app.locals._csrf, payment_setup_url:'payment_setup/initiate' });
    });
    router.route('/initiate').post(_validateRequest, _initiatePayment);
    router.route('/verify').post(_validateRequest, _verifyPayment, (req, resp) => {
        return resp.send({success: {text: 'Transaction verified successfully.', data: req.transaction}});
    });

    module.exports = router;

After running this, I get this error:
PayStackAPIError: Bearer Authorization header may not have been set | Unauthorized (401).

I was hoping for smooth running, please can anyone help me through this…

i got very diffrent answers from diffrent sources i want to know the exact real diffrence between in behind the scene workings between both of them
like eventloop or anything else
is there any diffrence in microtask queue?

ive tried difrrent sources bub did’nt got perfect answer

There is a syntax error on the result line

I have watched so many videos but i need a good ttorial or help please

image is here – https://1drv.ms/i/c/36fc60b41c9287f8/EW6nARgyeilNgyVWKVhUDcMBiyytOFryjcX13FzUaMLdtg?e=t3XG7l

code–

<?php 
if(isset($_POST['create'])){
    $firstname = $_POST['firstname']; 
    $lastname = $_POST['lastname'];
    $email = $_POST['email'];
    $phonenumber = $_POST['phonenumber'];
    $password = $_POST['password'];
    
    $sql = "INSERT INTO useraccounts (firstname, lastname, email, phonenumber, password) VALUES (?,?,?,?,?)";
    $stmtinsert = $db->prepare($sql);
    $result = $stmtinsert->execute([$firstname, $lastname, $email, $phonenumber, $password]);
    
    if($result){
        echo 'successfully saved';  
    }else{
        echo ('errors found, contact the admins');  
    }
}
?>

When I go to the info list, the lightbox does not load. I click on the photo and it opens in a new tab. I click back and click on the image again, and then the photo opens in the lightbox.

GitHub package:
https://github.com/solutionforest/Filament-SimpleLightBox

Package Version
1.0.0

PHP Version
8.4

Laravel Version
12

FilamentPHP Version 4.1.1

Which operating systems does with happen with?
macOS

INFOLIST:

Section::make('Galeria zdjęć')
                ->schema([
                    ImageEntry::make('gallery')
                        ->label('Galeria zdjęć')
                        ->view('filament.components.lightbox-gallery')
                        ->simpleLightbox(fn($record) => $record->getFirstMediaUrl('gallery')),
                ]),

VIEW:

@php
    $mediaItems = $getRecord()->getMedia('gallery');
@endphp

@if ($mediaItems->count())
    <div class="flex flex-wrap gap-2">
        @foreach ($mediaItems as $media)
            <a
                href="{{ $media->getUrl('fullhd') }}"
                data-fslightbox="gallery"
            >
                <img
                    src="{{ $media->getUrl('thumb') }}"
                    class="h-24 rounded shadow"
                    alt="media"
                />
            </a>
        @endforeach
    </div>
@endif