Kender-Mendoza

<%# app/views/entries/_form.html.erb %>
  
<%= form_with(url: entries_path, id: "new_entrie_form", local: true, data: { action: "submit->entry#formSubmit" }) do |form| %>
 <div>
   <%= form.text_field :term, placeholder: "What do you want to search?", class: "input", data: { "entry-target": "term" } %>

   <div class="buttons mt-2">
    <%= form.submit "Post message", class: "button is-primary", data: { action: "click->entry#fetchData" } %>
   </div>
 </div>

Kender-Mendoza

# Array para el ejemplo
array = Array.new(5){|i| i}
#
array.bsearch {|i| i >= 4} # retorna el primer dato que cumpla la condicion
array.clear # limpia el array
array.assoc("dato a buscar") # busca dentro de arrays >> anidados << 
array.combination(2).to_a # combina los elementos segun la cantidad de datos y al tipo de datos
array.concat([1,2]) # concatena arrays
array.count # cuenta los elementos de un array
array.count {|x| x%2 == 0} # tambien se puede contar elementos que cumplan una condicion

Kender-Mendoza

# declaracion de arreglos para el ejemplo
array1 = Array.new(5){|i| i} #[0,1,2,3,4]
array2 = Array.new(5){|i| i + 1} #[1,2,3,4,5]
# operaciones logicas
array1 & array2 # retorna un array con los datos que estan en los dos arrays
array1 <=> array2 # compare, tiene el mismo funcionamiento que el compare normal retorna nil si no es posible comparar
array1 == array2 # retorna true o false
array1 | array2 # combina los array sin que los elementos se repitan
# operaciones aritmeticas 
array1 * 3 # retorna un array con el contenido del array triplicado (en este caso puede ser n veces)

Kender-Mendoza

# declaracion del array para el ejemplo
array = [1,2,3,4,5,6]
array.each {|i| print i + 1," "} # recorre cada posicion del array no afecta el array original
array.each do |i| print "#{i + 1} " end # otra forma de realizar la forma anterior igual no afecta el array original
array.each_index {|e, i| print i + 1," "}
array.map {|i| i + 1} # recorre y retorna un array con la respectiva operacion echa en las posiciones no afecta el original
array.map! {|i| i + 1} # recorre y retorna un array con la respectiva operacion echa en las posiciones afecta el original
array.map.with_index {|e, i| e * i} # para poder trabajar con el indice
array.cicle(2) {|i| i} # recorre el array segun la cantidad del parametro si no se pasa es infinito

Kender-Mendoza

# creando array para el ejemplo
array = [1,2,3,4,5]
array.pop # eliminar la ultima posicion
array.shift # eliminar la primera posicion
array.delet_at(2) # eliminar la posicion del array
array.delete(2) # eliminar todos las posiciones con el numero dos como dato
array.delete_if{|i| i > 6} # elimina segun la condicion
# eliminaciones especiales
array.compact # elimina todos los elementos nil sin afectar el array original, retorna nil si no hay nil en el array
array.compact! # elimina todos los elementos nil afectando el array original, retorna nil si no hay nil en el array

Kender-Mendoza

# creando array para el ejemplo
array = [1,2,3,4,5,6]
# agregando al final
array.push(7)
array << 7
array << 7 << true << [1,"hola"] # forma anidada
# agregando al inicio
array.unshift(0)
# agregando en una posicion determinada
array.insert(3,"hola")

Kender-Mendoza

# declarando el array para el ejemplo
array = [1,2,3,4,5]
# mostrando posiciones
array[1] # posicion 2 del array retorna 2
array[100] # posicion 99 retorna nil
array[-4] # retorna 5
# mostrando rangos
array[1,3] # retorna del 2 al 4
array[1, -3] # retorna del 2 al 3
array[1..4] # retorna del 2 al 5

Kender-Mendoza

# Forma de corchetes
array = []
# Forma de corchetes con datos
array = [1, "hola", true]
# Forma de corchetes anidados o matriz
array = [[1,2],[3,4]]
# Forma de corchetes con Hashes
array = [{:dato1 => 1, :dato2 => 2},{:dato3 => 3, :dato4 => 5}]
#
# Forma de instancia 

Kender-Mendoza

console.log('Hola Mundo')
document.write('Hola Mundo')

Kender-Mendoza

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body::after{
    content: "Hola Mundo";
}