New snippet 066 - code helper

xxxxxxxxxx
 
<p id = "p1" style = "margin-top: 20px; font-size: 15px; font-weight: bold;">
    </p>
<div class="file-upload-wrapper">
  <input
    id="dnd-multiple-files"
    type="file"
    class="file-upload-input"
    data-mdb-multiple="true"
    data-mdb-file-upload="file-upload"
  />
</div>
<button onclick = "doCheck()">Check Files.Length</button>
​
<p id = "p2" style = "color:green; font-size: 20px; font-weight: bold; margin-top:25px;"></p>
​
<p id = "p3" style = "margin-top: 20px; font-size: 15px; font-weight: bold;">
    </p>
<div class="file-upload-wrapper">
  <input
    id="dnd-single-file"
    type="file"
    class="file-upload-input"
    data-mdb-file-upload="file-upload"
  />
</div>
<button onclick = "doCheck2()">Check Files.Length</button>
​
<p id = "p4" style = "color:green; font-size: 20px; font-weight: bold; margin-top:25px;"></p>

​

xxxxxxxxxx
 
var up = document.getElementById('p1');
var down = document.getElementById('p2');
var file = document.getElementById("dnd-multiple-files");
​
up.innerHTML = "Click on the button to see"
            + " if any file is selected";
  
function doCheck() {
    if(file.files.length == 0 ){
        down.innerHTML = "No files selected";
    } else {
        down.innerHTML = "Some file is selected";
    }
}
​
var up2 = document.getElementById('p3');
var down2 = document.getElementById('p4');
var file2 = document.getElementById("dnd-single-file");
​
function doCheck2() {
    if(file2.files.length == 0 ){
        down2.innerHTML = "No files selected";
    } else {
        down2.innerHTML = "Some file is selected";
    }
}

Console errors: 0