Berikan gaya pada teks placeholder di setiap input atau textarea menggunakan varian placeholder :
<inputclass="placeholder:text-gray-500 placeholder:italic ..."placeholder="Search for anything..."type="text"name="search"/>
Contoh :
<div class="mx-auto max-w-sm"><form><label class="relative block"><span class="absolute inset-y-0 left-0 flex items-center pl-2"><svg class="h-5 w-5 fill-gray-300" viewBox="0 0 20 20"><pathfill-rule="evenodd"d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"clip-rule="evenodd"></path></svg></span><span class="sr-only">Search</span><inputtype="text"class="block w-full rounded-md border border-gray-300 py-2 pr-3 pl-9 text-gray-700 shadow-sm placeholder:text-gray-400 placeholder:italic focus:border-sky-500 focus:outline focus:outline-sky-500 sm:text-sm dark:border-gray-600 dark:text-white"placeholder="Search for anything..."name="search"/></label></form></div>
A
Struktur aplikasi dalam Laravel pada dasarnya adalah struktur folder, subfolder, dan file yang terdapat dalam suatu proyek. Setelah kita membuat proyek di Laravel, kita mendapatkan gambaran dari struktur aplikasi seperti yang ditunjukkan pada gambar di sini.
Hal ini mencakup berbagai subfolder dan file dari laravel-project pada folder root Laravel.
File-file yang disertakan dalam struktur aplikasi ditunjukkan di bawah ini :
📁 nama_project_laravel ├── 📁 app ├── 📁 bootstrap ├── 📁 config ├── 📁 database ├── 📁 lang ├── 📁 public ├── 📁 resources ├── 📁 routes ├── 📁 storage ├── 📁 tests ├── 📁 vendor ├── .env ├── .env.example ├── .gitattributes ├── .gitignore ├── artisan ├── composer.json ├── composer.lock ├── gulpfile.js ├── package.json ├── phpunit.xml ├── README.md ├── server.php ├── vite.config.js
Analisis folder dan file, beserta fungsionalitasnya, diberikan di bawah ini.
A
Dan inilah Program Deret Lucas dengan JavaScript Node.js :
const prompt = require("prompt-sync")();function lucasSeries(n) {let l1 = 1;let l2 = 3;let lucasList = [l1, l2];for (let i = 2; i < n; i++) {let nextLucas = l1 + l2;lucasList.push(nextLucas);l1 = l2;l2 = nextLucas;}return lucasList;}console.log("PROGRAM DERET BILANGAN LUCAS");const n = parseInt(prompt("Masukkan Batas Deret Bilangan Lucas : "));const lucasList = lucasSeries(n);console.log("Deret Lucas:", lucasList.join(" "));
Input dan Output :
PROGRAM DERET BILANGAN LUCAS Masukkan Batas Deret Bilangan Lucas : 10 Deret Lucas: [1 3 4 7 11 18 29 47 76 123]