thiscodeWorks - Organizing the best of code online

export function getDescription(text) {
    if(text.length > 10){
        return text.substring(0, 10) + "..."
    }
    return text
}

#substring #slice

capitalize

function capitalize(word, capitalize) {
        return word.slice(0, 1).toUpperCase() + word.slice(1).toLowerCase();
}

// Sample usage - do not modify
console.log(capitalize("sam")); // "Sam"
console.log(capitalize("ALEX")); // "Alex"
console.log(capitalize("chARLie")); // "Charlie"

#substring

substring

const language = "JavaScript";
language.substring(1, 4); //"ava"

function skipFirstCharacter(text) {
return text.substring(1)
}

console.log(skipFirstCharacter("code")); // "code"

#react #show #hide #substring #paragraph #content

tranverse classes in a list

const selected = querySelector('selected');
  const prev =
    selected.previousElementSibling || this.modalImages.lastElementChild;
  selected.classList.remove('selected');
  prev.classList.add('selected');

#react #show #hide #substring #paragraph #content

React show para content substring

import React, { useState } from 'react';

const Tour = ({ id, image, info, name, price, removeTour }) => {
  const [readMore, setReadMore] = useState(false);
  return (
    <article className="single-tour">
      <img src={image} alt={name} />
      <footer>
        <div className="tour-info">
          <h4>{name}</h4>
          <h4 className="tour-price">${price}</h4>
        </div>
        <p>
          {readMore ? info : `${info.substring(0, 200)}...`}
          <button onClick={() => setReadMore(!readMore)}>
            {readMore ? 'show less' : '  read more'}
          </button>
        </p>
        <button className="delete-btn" onClick={() => removeTour(id)}>
          not interested
        </button>
      </footer>
    </article>
  );
};

export default Tour;

#javascript #strings #substring #lastindexof

Get a substring of a string

const date = '2021-06-14T08:29:40.886+00:00'
const formattedDate = date.substring(0,date.lastIndexOf('T'))
console.log(formattedDate)

// prints: "2021-06-14"

substring text with elipses

capitalize

substring

tranverse classes in a list

React show para content substring

Get a substring of a string

Save snippets that work with our extensions