用原生js寫乙個簡單的資訊對話方塊

2021-09-26 12:53:58 字數 625 閱讀 2350

因為要實現兩個對話方塊效果,所以我們這邊設定的是自我對話,無聊的同學可以用這個來打發時間,說不定能找到更多靈感(●』◡』●)

var obtn = document.getelementbyid("btn");

var omsg = document.getelementbyid("text");

var ochat = document.queryselector("#chat");

var odel = document.getelementbyid("del"); //這裡是多出來的刪除按鈕。不想要的可以不要

obtn.onclick = function()elseelse

content.innertext = omsg.value;

ochat.scrolltop = ochat.scrollheight;

}omsg.value = ''; //清除對話方塊裡的內容

} // 刪除資訊,不要的可以連這上面的一起刪除

odel.onclick = function()

這邊使用的是彈性盒子模型

#

用原生js和vue元件寫乙個簡單的toast

樣式檔案 toast.css toast 複製 在toast.js檔案中的 import toast.css export function toast options const options console.log title var div document.createelement di...

用原生JS寫簡單的時鐘

這是乙個簡單的時鐘方案,主要 是三個時針旋轉的思路,時鐘布局省去。step 1.獲取時分秒轉針 var hour document.getelementbyid hour var min document.getelementbyid m var sec document.getelementbyi...

用原生js實現乙個new?

js 還沒執行的時候,js 環境裡已經有乙個 window 物件了,window 物件有乙個 object 屬性,window.object 是乙個函式物件,window.object 這個函式物件有乙個重要屬性是 prototype,window.object.prototype 裡面有 tost...