Skip to content

Instantly share code, notes, and snippets.

View sunmeat's full-sized avatar
🐈
MEOW

Oleksandr Zahoruiko sunmeat

🐈
MEOW
184 followers · 355 following
View GitHub Profile
@sunmeat
sunmeat / App.jsx
Created May 10, 2025 13:59
props simple example
import React from 'react'
import './App.css'
function MyButton(props) {
return (
<button style={{ backgroundColor: props.color }}>
Нажми меня
</button>
);
}
@sunmeat
sunmeat / App.jsx
Created May 10, 2025 13:55
state simple example
import React, {useState} from 'react'
import './App.css'
const getRandomColor = () => {
const letters = '0123456789ABCDEF';
let color = '#';
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
@sunmeat
sunmeat / App.jsx
Created May 10, 2025 13:45
component composition example
import React from 'react'
import './App.css'
function MyButton() {
return <button>Hello</button>
}
function BorderedButton() {
return (
<div className="bordered">
@sunmeat
sunmeat / App.jsx
Created May 10, 2025 13:37
first class component
import React, {useState} from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
import './App.css'
function MyButton() {
return <button>Hello</button>
}
@smart-onion
smart-onion / j.js
Last active May 12, 2025 10:47
JS2
// Task 1
const comparer = function (a, b){
if(a > b) return 1;
else if(a < b) return -1;
else return 0;
}
console.log(comparer(1, 2));
// Task 2 factorial
@sunmeat
sunmeat / App.jsx
Created May 10, 2025 13:29
very first functional component
import {useState} from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
import './App.css'
function MyButton() {
return <button>Hello</button>
}
function App() {
@Denkotleta221
Denkotleta221 / gist:c2e4bbe18075fde9ea3982930b077767
Created May 10, 2025 08:58
#include <iostream>
#include <windows.h>
#include <conio.h>
using namespace std;
void log_in();
void main_menu();
void admin();
void sign_in();
void admin_menu();
@Vladislav-Melenchuk
Vladislav-Melenchuk / gist:3f27449358efe06880711bdd920761e0
Created May 9, 2025 16:13
HW_1_JS
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<title>JS Завдання</title>
<style>
body {
font-family: Arial, sans-serif;
padding: 20px;
display: flex;
@hmel1990
hmel1990 / FuncitonsDZ.html
Created May 9, 2025 08:37
FuncitonsDZ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>Написать функцию, которая принимает 2 числа и возвращает меньшее из них.</p>
<p>Написать функцию, которая принимает от 1 до 5 чисел и возвращает большее из них.</p>
<p>Написать функцию, которая возводит переданное число в указанную степень.</p>
@GhostRJY
GhostRJY / gist:efdc6273af017724c1ce546081fdbf31
Created May 8, 2025 22:30
app.js
// на выбор есть 20 заданий, необходимо выполнить любые 5 из них.
// очень желательно разобраться со spread, rest, closure, arrow functions, function expressions и по возможности показать это в решениях.
// 1. Написать функцию, которая принимает 2 числа и возвращает -1, если первое меньше чем второе, 1 — если первое больше чем второе и 0 — если числа равны.
function compareNumbers(a, b) {
if (a < b) {
return -1;
} else if (a > b) {