#dasturlash_hayoti #react #frontend #javascript

npm install react-toastify

import { ToastContainer, toast } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';

toast.success('Muvaffaqiyatli bajarildi! 🚀');

<ToastContainer />

#Vuejs #JavaScript #Frontend #DasturlashHayoti

#JavaScript #Frontend #DasturlashHayoti #KodniOsonlashtir

let x = "42";
console.log(+x); // 42

#javascript #map #frontend #dasturlash

const raqamlar = [1, 2, 3];
const ikkiBaravar = raqamlar.map(son => son * 2);
console.log(ikkiBaravar); // [2, 4, 6]

#JavaScript #LocalStorage #FrontEnd #JS #Dasturlash

// Ma'lumot qo'shish
localStorage.setItem('ism', 'Jonibek');
// Ma'lumotni olish
let ism = localStorage.getItem('ism');
console.log(ism); // Jonibek
// Ma'lumotni o'chirish
localStorage.removeItem('ism');
// Hammasini tozalash
localStorage.clear();

let user = { name: 'Jonibek', age: 20 };
localStorage.setItem('user', JSON.stringify(user));

let getUser = JSON.parse(localStorage.getItem('user'));
console.log(getUser.name); // Jonibek

#JavaScript #frontend #webdev #boshlovchilar

<button onclick="salom()">Bos</button>

<script>
function salom() {
  alert("Salom! Tugma bosildi 😊");
}
</script>

<input type="text" id="email" placeholder="Email">
<button onclick="tekshir()">Yuborish</button>

<script>
function tekshir() {
  let email = document.getElementById("email").value;

  if (email === "") {
    alert("Emailni kiriting!");
  }
}
</script>

<button onclick="och()">Batafsil</button>
<p id="text" style="display:none;">Qo‘shimcha ma’lumot</p>

<script>
function och() {
  document.getElementById("text").style.display = "block";
}
</script>

➡️ Keyingi post: JavaScript + API (serverdan ma’lumot olish)

#JavaScript #API #webdev #2post #boshlovchilar

<button onclick="getData()">Ma’lumotni yuklash</button>
<p id="result"></p>

<script>
function getData() {
  fetch("https://jsonplaceholder.typicode.com/posts/1")
    .then(res => res.json())
    .then(data => {
      document.getElementById("result").innerText = data.title;
    });
}
</script>

#JavaScript #API #RealProject #webdev #dasturlash_hayoti

#JavaScript #API #RealProject #webdev #dasturlash_hayoti