You are on page 1of 3

ĐỀ 1 <textarea cols="70", rows="5", placeholder="Chi tiết

công việc hoặc hàng hóa",


<body>
id="details"></textarea><br>
<form action="">
<h1>Phân công giao hàng</h1>
<input type="button" value="thêm" onclick="add()">
Tên công việc<br>
<input type="button" value="reset">
<input type="text", id="name_task",
placeholder="abc"><br>
</form>
Người phụ trách<br>
<input type="text", id="name_emp",
placeholder="xyx bn"><br> <div id="listWork">
Nơi nhận hàng<br> </div>
<select id="place_receive">
<option>Vui lòng chọn tỉnh/thành phố nhận <script>
hàng</option>
function add(){
<option value="Hà Nội">Hà Nội</option>
var name_task = $('#name_task').val();
<option value="Đà Lạt">Đà Lạt</option>
var name_employee = $('#name_emp').val();
<option value="Tp Hồ Chí Minh">Tp Hồ Chí
var place_receive = $
Minh</option>
('select[id="place_receive"]').val();
</select><br>
var place_delivery = $
Nơi giao hàng<br> ('select[id="place_delivery"]').val();
<select id="place_delivery"> var start_date = $('#start_date').val();
<option>Vui lòng chọn tỉnh/thành phố giao var end_date = $('#end_date').val();
hàng</option>
var details = $('#details').val();
<option value="Hà Nội">Hà Nội</option>
var url = `?name_task=$
<option value="Đà Lạt">Đà Lạt</option> {name_task}&name_emp=$
{name_emp}&place_receive=$
<option value="Tp Hồ Chí Minh">Tp Hồ Chí
{place_receive}&place_delivery=$
Minh</option>
{place_delivery}&start_date=$
</select><br> {start_date}&end_date=$
{end_date}&details=${details}`;
Ngày bắt đầu<br>
var element =
<input type="date", id="start_date"><br>
`<a href="./Bai1.html${url}"
Ngày kết thúc<br> target="_blank">${name_task}</a>
<input type="date", id="end_date"><br> <p>${name_employee}</p>
Chi tiết<br> <p id="added_place_receive">Nơi nhận: $
{place_receive}</p>
<p id="added_start_date">Ngày bắt đầu: $ <input type="text" placeholder="2020"
{start_date}</p>`; id="nxb1">
$("#listWork").append(element); <label>Nha xuat ban</label>
<input type="text" placeholder="NXB ABC"
id="nxb2">
$('a').click(function () {
<label>Gioi thieu sach</label>
var myWindow = window.open("", "", 300,
300); <textarea placeholder="Noi dung gioi
thieu"></textarea>
myWindow.document.write("<h1>"+name_ta
sk+"</h1><p>Nguoi phu trach: <label>Hinh anh</label>
"+name_employee+"</p><p>Noi nhan hang:
<input type="text" placeholder="Link hinh
"+place_receive+"<p><p>Noi giao hang:
anh" id="ha">
"+place_delivery+"</p><p>Ngay bat dau:
"+start_date+"</p><p>Ngay ket <input type="button" value="them"
thuc"+end_date+"<h2>Chi onclick="Function()">
tiet</h2><p>"+details+"</p>");
<input type="button" value="Reset">
});
</form>
}
</script>
<p id="ht">
</body>
ĐỀ 2
</p>
<body>
<script>
<form>
function Function() {
<h2>Them sach</h2>
var ts=$('#ts').val();
var tg=$('#tg').val();
<label>ten sach</label>
var g=$('#g').val();
<input type="text" placeholder="abcdc"
id="ts"> var nxb1 =$('#nxb1').val();

<label>tac gia</label> var nxb2 = $('#nxb2').val();

<input type="text" placeholder="xyzta" var gts=$('#gts').val();


id="tg"> var ha = $('#ha').val();
<label>gia</label>
<input type="text" placeholder="30000" var element =
id="g">
`<img src="${ha}"></img>
<p>${ts}</p>
<label>Nam xuat ban</label>
<p>Tác giả: ${tg}</p>
<p>Năm sản xuất: ${nxb1}</p>
<p>Giá: ${g}<a href="#">Chi tiết</a>`;

$("#ht").append(element);

$('a').click(function() {
var mywindow =
window.open("","",300,300);
mywindow.document.write("<img
src="+ha+"></img><h2>" + ts + "</h2><p>Tac gia:
"+tg+"</p><p>Nha xuat ban: "+nxb1+"</p><p>nam
xuat ban: "+nxb2+"</p><p>Gia: "+g+"</p><p>Gioi
thieu sach</p><h3>Noi dung mo ta sach hien thi o
day</h3>")

})
}
</script>

</body>

You might also like