<!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
>Document
</
title
>
</
head
>
<
body
>
webpage:
<
input
type=
"url"
list=
"url_list"
name=
"list"
/>
<
datalist
id=
"url_list"
>
</
datalist
>
<
script
>
var
arr=[
"w3",
"google",
"microsoft"];
var
url =
document.
getElementById(
'url_list');
var
str=
"";
for(
var
i=
0;
i<
arr.
length;
i++){
str+=
"<option label='"+
arr[
i]+
"' value='"+
arr[
i]+
"'/>"
}
url.
innerHTML=
str;
var
items,
messages,
length,
i;
messages=[{
state:
'success',
message:
'This one worked.'
},{
state:
'success',
message:
'This one worked as well.'
},{
state:
'error',
message:
'This one did not work.'
}];
length=
messages.
length;
function
inbox(
messages){
items=[];
for(
i=
0;
i<
messages.
length;
i++){
items[
i] =
messages[
i].
message;
}
return
'<ul><li>'+
items.
join(
'</li><li>')+
'</li></ul>';
}
document.
write(
inbox(
messages))
</
script
>
</
body
>
</
html
>