Posts

Showing posts from August, 2021

Sparkling September, 2021

Image
✪ Luminous Organisation Sparkling September 1—30 September, 2021 ✪ Luminous Organisation Subscribe to receive newsletters regularly How to subscribe: Install our product JavaScript Block Editor in android and then sign in with your Google Account, use this app regularly. We'll send newsletters to your email address. You can also check these out ↓ All activities (with newsletters) of Appearance August, 2021 1 August: Greetings, Appearance August, facebook. 2 August: Toast In JavaScript, website. 3 August: Toast In JavaScript by TestThis Editor v1.0 beta 1 or higher | Luminous Organisation, YouTube. Introducing TestThis Editor v1.0 beta 1, facebook. 5 August: TestThis Editor v1.0 beta 2, website. 8 August: Creating Date and Time Website in JavaScript Block Editor App | HTML & JS | Create Your Own Website, YouTube. 9 August: Introducing JavaScript Block Editor version 1.0, facebook. JavaScript Block Editor version 1.0 download, telegram. 10 Augus...

Age Calculator In JavaScript

Calculate Set your birthday above and click Calculate button. This calculator is in beta. It might provide you wrong information. If you can catch a bug of it, comment please. We'll try to fix them as soon as possible. This message will disappear as the situation changes. Source Code of the project: HTML <input type="date" id="dp"> <button onclick="df();">Calculate</button> JavaScript function df() { var x = document.getElementById("dp").value; var b_y = x.slice(0, 4); var b_m = x.slice(5, 7); var b_d = x.slice(8, 10); var y = (new Date()).getFullYear(); var m = 1 + new Date().getMonth(); var d = (new Date()).getDate(); var dy = y - b_y; var dm = m - b_m; var dd = d - b_d; if (b_m>m) { dy--; } if (b_d>d) { dm--; } if (b_m==m && b_d>d) { dy--;} if (dm<0) { dm = 12 + dm; } var k; //Created by Luminous Organisation //Created with JavaScript Block Editor if (b_m == 2) { if (b_y%100 == 0 && (b_y.sl...

YouTube Embedding In HTML

Image
YouTube Embedding In HTML YouTube Embedding Tutorial Using JavaScript Block Editor Android Application YouTube is one of the most useful tool in the world of technology. If you publish a website, it will be incomplete if you don't link it with your own YouTube channel. Imagine, if anyone leaves your website for watching your video(s) and does not come back to your website, or forgets your context — then what's the opportunity of linking "a href" for YouTube? The solution is — YouTube Embedding . You can embed your video(s) and/or playlist(s) in your website! Users/readers do not have to leave your website. It is a tool provided by Google ; and you, now, can use this tool in JavaScript Block Editor app, too. We also used "YouTube Embedding" in this website! Let's learn how to embed!! Prerequisites YouTube Channel YouTube Public Video(s) or Playlist(s) Allow Embedding from YT Studio Copied Link of Video/Playlist JavaScript Block Editor App St...

TextView HTML & CSS Tutorial with JavaScript Text ID Block Specs

Image
TextView HTML & CSS Tutorial with JavaScript Text ID Block Specs TextView is an element of HTML section in JavaScript Block Editor app. It shows some texts to readers. It is the most used element in blog websites. This post is also made with JavaScript Block Editor app and we used TextView element in this project! Download the app from here: click it ⬇. Documentation HTML TextView Block Spec Click on TextView to add a TextView to the specific line. Properties: TextView Id : Required if you want to use CSS and JavaScript Text ID block specs. Text : Displayable text to readers. CSS : To implement style. On Click : When somebody clicks on it, this event will happen. Write script name here. For example: tv1clicked() or tv3c() etc. On Touch : When somebody touches on it, this event will happen. Write script name here. For example:  tv1touched()  or  tv3t()  etc. * If you use events (OnClick/OnTouch), handle event(s) in JavaScript Editor. CSS f...

Tutorial: Understanding HTML Block

Image
Tutorial: Understanding HTML Block HTML is the acronym of Hyper Text Markup Language . It is the base of a website. In JavaScript Block Editor app, we've provided block programming for HTML too. This tutorial lets you know how to use block specs for HTML. This website is also made with JavaScript Block Editor app and we used block programming for HTML! Prerequisites ➤JavaScript Block Editor app Click to download this app Tutorials: Open this app and create a project. You will be redirected in a new screen like below. Here, main is the main room of HTML. It cannot be deleted. When you want to run your project, click RUN . If you want to go to the bottom of specs, click 🔽 . Click 🔼 for going to the top of block specs. Editable line is the line after which, spec should be added. For example, if you have 10 lines in your HTML and Editable line is 3; new line will be added in line number 4. And Editable line will be 4 after then. Click 🗃 for viewing and selecting Chi...

Toast In JavaScript

Toast In JavaScript ✪ Luminous Organisation 2nd August, 2021 AD Toast is a kind of simplified popup message which appears for 2—4 seconds. For the purpose of application or website designing, toast is the users-side temporary debug or console log. It popups important message to users. JavaScript has alert() method, but using alert() instead of showing toast is messy at all. But toasting in JavaScript is not easy as there is no scope to toast directly. There is no toast method like alert() for toasting in JavaScript. Any developer looking for a solution of toast method probably fails to find a better solution because blogs in websites about JavaScript Toast are totally uncompleted or complicated. However the given solution here is the best solution as we use line break after 20 characters . Write once, use anywhere this codes. HTML, CSS and JavaScript Codes are given below respectively with step by step explanation. Use  Test This Yourself   to test your code. HTML Add this...