basic config interface

8 years ago · 7f57de1aee
1 changed files with 47 additions and 0 deletions
--- a/filereader-test.html
+++ b/filereader-test.html
@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<h1>countdown slideshow</h1>
+
+<p>Config:</p>
+<!-- with input that accepts multiple files, notice the multiple attribute-->
+<input id="fileInput" type="file" multiple>
+<input id="datePicker" type="datetime-local" name="targetDate">
+<input id="startButton" type="button" value="Start!">
+
+<script>
+Date.prototype.addHours= function(h){
+    this.setHours(this.getHours()+h);
+    return this;
+}
+
+//set current date
+document.getElementById('datePicker').defaultValue = (new Date).addHours(1).toISOString().slice(0,-5);
+
+document.getElementById("fileInput").onchange=function(){
+ //files = Array.from(document.getElementById("fileInput").files)
+ //fl.forEach((file)=>{console.log(file.name)})
+
+ let files=Array.from(this.files);
+ let names= files.map(file => file.name)
+ document.getElementById("fileNames").innerText = "filenames:\n"+names.join("\n")
+ console.log(names)
+
+};
+
+
+document.getElementById("startButton").onclick=function(){
+console.log("starting")
+let dateInput = document.getElementById("datePicker")
+console.log("date valid:"+dateInput.checkValidity())
+console.log(dateInput.value)
+};
+</script>
+
+<div id="fileNames">
+</div>
+
+
+</body>
+</html>