Lennon Bueno LennonSantos

## operadores-javascript.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                LennonSantos
                / operadores-javascript.md
            
            
              Last active
              December 1, 2023 12:16
            
          
    Operadoes em javascript


Operador lógico AND:&&


Operador lógico OR:||


Operador lógico NOT:!


O operador de módulo:%


## Dockerfile
# develop stage
FROM node:20-alpine as develop-stage
WORKDIR /app
COPY ./app/package*.json ./
RUN yarn
COPY ./app .

# build stage
FROM develop-stage as build-stage
RUN yarn

## function-delay.js
// function delay example

function delay(time = 2500) {
  return new Promise((resolve) => {
    setTimeout(resolve, time)
  })
}

// await delay()

## text-ellipsis.css
p {
  white-space: nowrap;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #000000;
}

## input-custom-message-validation.html
<input
  required
  oninvalid="this.setCustomValidity('Este campo é obrigatório!')"
  oninput="this.setCustomValidity('')"
>

## seletor.js
// Seleção com javascript puro
var el = document.querySelector(".myclass");

// Seleção com jquery
var el = $(".myclass");

## semantica-html5-2.html
<body>
  <header>
    <h1>Titulo site</h1>
  </header>
  <nav>
    <h2>Titulo menu</h2>
    <a href="#">Link</a>
    <a href="#">Link</a>
    <a href="#">Link</a>
  </nav>

## semantica-html5.html
<body>
  <header>Cabeçalho</header>
  <nav>Menu de navegação</nav>
<section>
  Seção
  <article>
      Artigo
  </article>
</section>
  <aside> Lateral </aside>

## reset-css.css
*{
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a{display: inline-block;}
	# develop stage
	FROM node:20-alpine as develop-stage
	WORKDIR /app
	COPY ./app/package*.json ./
	RUN yarn
	COPY ./app .

	# build stage
	FROM develop-stage as build-stage
	RUN yarn
	// function delay example

	function delay(time = 2500) {
	return new Promise((resolve) => {
	setTimeout(resolve, time)
	})
	}

	// await delay()
	p {
	white-space: nowrap;
	width: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid #000000;
	}
	<input
	required
	oninvalid="this.setCustomValidity('Este campo é obrigatório!')"
	oninput="this.setCustomValidity('')"
	>
	// Seleção com javascript puro
	var el = document.querySelector(".myclass");

	// Seleção com jquery
	var el = $(".myclass");
	<body>
	<header>
	<h1>Titulo site</h1>
	</header>
	<nav>
	<h2>Titulo menu</h2>
	<a href="#">Link</a>
	<a href="#">Link</a>
	<a href="#">Link</a>
	</nav>
	<body>
	<header>Cabeçalho</header>
	<nav>Menu de navegação</nav>
	<section>
	Seção
	<article>
	Artigo
	</article>
	</section>
	<aside> Lateral </aside>
	*{
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	a{display: inline-block;}