website/japan/language/homework2/numbers.js

import { addBanner, addArticle, addTitle, addHeader, addParagraph, addSubHeader, addSmallHeader } from '/scripts/article.js';
import { addInset, addInsetList, addInsetCodeListing, addInsetBulletList } from '/scripts/inset.js';
import { addImageWithCaption, addButtonGroup } from '/scripts/visuals.js';
import { addSidebar} from '/scripts/sidebar.js'
import { addSyntax } from '/scripts/code.js';
import { addVocab } from '/scripts/japanese.js';


const heading = document.querySelector(".heading");
const global = document.querySelector(".global_menu");
const local = document.querySelector(".local_menu");
const sidebar = document.querySelector(".sidebar");
const main = document.querySelector(".main_content");

heading.append(addTitle("Japanese Language"));
heading.append(addParagraph("Philip Osztromok"));

main.append(addHeader("NUMBERS"))
//main.append(addImageWithCaption("./images/Lesson2_A.png", "Useful phrases when you are having difficulty understanding."))
//main.append(addVocab("Yoku wakarimasen", "I don't understand well."))

main.append(addImageWithCaption("./images/Lesson2_C.png", "Numbers from 1 to 10."));
main.append(addVocab("ichi", "one"));
main.append(addVocab("ni", "two"));
main.append(addVocab("san", "two"));
main.append(addVocab("yon", "two"));
main.append(addVocab("go", "two"));
main.append(addVocab("roku", "two"));
main.append(addVocab("nana", "two"));
main.append(addVocab("hachi", "two"));
main.append(addVocab("kyuu", "two"));
main.append(addVocab("juu", "ten"));

main.append(addImageWithCaption("./images/more_numbers.png", "Numbers up to 100."));

main.append(addImageWithCaption("./images/time.png", "Telling the time."));

main.append(addSmallHeader("Some useful resources!"));
main.append(addParagraph("Link to a YouTube video demonstrating numbers entitled <a href='https://www.youtube.com/watch?v=qqT1oL7Edyk&ab_channel=NihongoDekitawithSayaka'>How to Count in Japanese</a>.  This is from the channel, <a href='https://www.youtube.com/@NihongoDekita'>Nihongo Dekita with Sayaka."));
main.append(addParagraph("An interesting video that demonstrates how numbers change depending on what you are counting.  The name of the video is <a href='https://www.youtube.com/watch?v=2kZJN6FDJa0&ab_channel=KyotaKo'>Why we count animals the way we do</a> and is from the channel <a href='https://www.youtube.com/@kyotako1372'>KyotoKa</a>."));

addSidebar("japanese");