Panupat medunla

## calculateGrade.js
const calculateGrade = (score) => {
	if (typeof score === "number"
		&& score <= 100
		&& score >= 0
	) {
		if (score >= 80) {
			return "A";
		} else if (score >= 70) {
			return "B";
		} else if (score >= 60) {

## calculateGrade.js
const calculateGrade = (score) => {
	if (score >= 80) {
		return "A";
	} else if (score >= 70) {
		return "B";
	} else if (score >= 60) {
		return "C";
	} else if (score >= 50) {
		return "D";
	} else if (score < 50) {

## calculateGrade.test.js
import calculateGrade from "../assets/js/calculateGrade";

describe("calculateGrade", () => {
	describe("valid cases", () => {
		describe("when score 80 - 100", () => {
			it("should return 'A'", () => {
				const result = calculateGrade(80);
				const result2 = calculateGrade(100);

				expect(result).toBe("A");

## calculateGrade.test.js
import calculateGrade from "../assets/js/calculateGrade";

describe("calculateGrade", () => {
    describe("when score 80 - 100", () => {
        it("should return 'A'", () => {
            const result = calculateGrade(80);
            const result2 = calculateGrade(100);

            expect(result).toBe("A");
            expect(result2).toBe("A");

## mouse.svg

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                medunla
                / mouse.svg
            
            
              Created
              August 4, 2020 17:20
            
              
                SVG animation - mouse
              
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## example-v-if-02.vue
<template>
	<template v-if="list.length > 0">
		<h1>สิ่งที่ฉันชอบ</h1>
		<ul>
			<li v-for="listItem in list" :key="listItem">{{ listItem }}</li>
		</ul>
	</template>
	<template v-else>
		<h1>ไม่มีสิ่งที่ชอบ</h1>
		<img src="/images/no-item.png" alt="No item">

## example-v-if-01.vue
<template>
	<div v-if="list.length > 0">
		<h1>สิ่งที่ฉันชอบ</h1>
		<ul>
			<li v-for="listItem in list" :key="listItem">{{ listItem }}</li>
		</ul>
	</div>
	<div v-else>
		<h1>ไม่มีสิ่งที่ชอบ</h1>
		<img src="/images/no-item.png" alt="No item">

## align-with-flexbox-2.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Flexbox</title>
	<style>
		.container {
			width: 300px;

## align-with-flexbox-1.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Flexbox</title>
	<style>
		.container {
			width: 300px;
	const calculateGrade = (score) => {
	if (typeof score === "number"
	&& score <= 100
	&& score >= 0
	) {
	if (score >= 80) {
	return "A";
	} else if (score >= 70) {
	return "B";
	} else if (score >= 60) {
	import calculateGrade from "../assets/js/calculateGrade";

	describe("calculateGrade", () => {
	describe("valid cases", () => {
	describe("when score 80 - 100", () => {
	it("should return 'A'", () => {
	const result = calculateGrade(80);
	const result2 = calculateGrade(100);

	expect(result).toBe("A");
	<template>
	<template v-if="list.length > 0">
	<h1>สิ่งที่ฉันชอบ</h1>
	<ul>
	<li v-for="listItem in list" :key="listItem">{{ listItem }}</li>
	</ul>
	</template>
	<template v-else>
	<h1>ไม่มีสิ่งที่ชอบ</h1>
	<img src="/images/no-item.png" alt="No item">
	<template>
	<div v-if="list.length > 0">
	<h1>สิ่งที่ฉันชอบ</h1>
	<ul>
	<li v-for="listItem in list" :key="listItem">{{ listItem }}</li>
	</ul>
	</div>
	<div v-else>
	<h1>ไม่มีสิ่งที่ชอบ</h1>
	<img src="/images/no-item.png" alt="No item">
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Flexbox</title>
	<style>
	.container {
	width: 300px;